JQuery :: Complex Form Hiding Input Depending On A Tick Box
Aug 5, 2009
I am writing an accounting sofware, and I have difficulties with the form used to enter the debit and credit for a given transaction. I have used the Jquery validation plugin demo, but I don't know how to hide a specific input cell and replace it by blanks. In accounting, you have either a credit or a debit. So I have an indicator tick box at the beginning of each line which defines whether the line is a debit or credit, and if so it hides the credit cell or debit cell.
</head>
<body>
<h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-
plugin-validation/">jQuery Validation Plugin</a> Demo</h1>
<div id="main">
[Code].....
View 1 Replies
ADVERTISEMENT
Nov 11, 2009
how I can get a text input box to start with a single quote/tick?
I tried this but with no luck...
Quote: <script type="text/javascript">
document.write('<input type=text value=');
document.write(''sample');
document.write('>');
</script>
View 1 Replies
View Related
Mar 15, 2010
A web page I'm creating will allow a visitor to download a number of PDF files. A form on the page has one checkbox for each of the PDF files. I also wanted to add a checkbox to select/deselect all the PDFs.All works fine, but I also want the visitor to supply their name and email address before downloading, so I want to add another checkbox before the submit button to allow them to opt in/out of having their email address used for further mail shots.Unfortunately since the code selects/deselects all checkboxes on the form, it also ticks/unticks the opt in/out checkbox.
Is there a way - possibly by targeting the opt in/out checkbox's ID - to filter it out of this mass selection/de-selection process?I'm sure it's pretty straightforward but as I say I'm a Javascript novice.
View 4 Replies
View Related
May 26, 2010
I want to hide/show div's in my HTML depending on the selected option of a listbox. I don't know what I'm doing wrong.
Code:
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function SwitchHiddenDiv(){
switch
[Code]...
View 6 Replies
View Related
Oct 6, 2005
What I'm currently doing is returning a list of images in a directory via a form list. I'm an asp guy so vbscript is the way I'm doing this:
<select name="image" size="10" onChange="generateimage(this.options[this.selectedIndex].value)" align=left>
<%
Dim FSO
Dim Files
Dim File
Dim Count
Set FSO = Server.CreateObject("Scripting.FileSystemObject")
Set Files = FSO.GetFolder(Server.MapPath("./moms_images/")).Files
Set FSO = Nothing
Count = 0
For Each File In Files
Select Case LCase(Right(File.Name, 3))
Case "jpg", "gif", "bmp", "png"
Response.Write "<option value='" & File.Name & "'>" & File.Name & "</option>"
End Select
Next
Set File = Nothing
Set Files = Nothing
%>
</select>
What I *hope* to be able to do is allow a file upload (also vbscript) from a pop-up window and, when the upload is complete, refresh the list (above) without reloading the page (AJAX fever, methinks)
The only thing that would make it even cooler would be to auto-select / display the newest upload otf (I use dhtml to display the images on-select ala dynamicdrives example).
I realize this is a fairly tall order, but would be greatful for any pointers or weblinks for this js-challenged soul to use to get started.
View 2 Replies
View Related
Aug 25, 2010
I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page: [URL] And here is the code in question:
[Code]...
I have two questions...
Question 1 How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky. I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?
Question 2 The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?
View 3 Replies
View Related
May 30, 2009
I have the following html, field xxx requires a number from 0 to 100 when percentage is selected, and 0 to inifinity when dollar is selected.what's the best practice to setup validation for this?the key is to control the maximum value.I have tried depends expression in a max rule, but it doesn't seem that it can satisfy my requirement.
View 1 Replies
View Related
Oct 2, 2009
This is probably noobalicious so apologies, i have a checkbox i am checking on and off and then setting a readonly input with a value depending upon if it is checked on/off
This works fine for one click on or off but then how do i get back out of the function once this cycle has been done once? Set something to null?
View 1 Replies
View Related
Feb 13, 2010
I want to show or hide some tags of registration form with changing a combo
I wrote this code :
$('select[name=user_type]').change(function(){
FormType = $('select[name=user_type]').val();
switch (FormType)
{
case 'teacher': $('.teacher_form').show();
[Code]...
View 2 Replies
View Related
Nov 5, 2009
Within a classic asp webform (using vbscript) I would like part of the form (input boxes within table structure) to be specific/displayed depending on the users selection from the combo box in the row above.
I think the best solution would be using Javascript can anyone suggest a solution or example code?
View 1 Replies
View Related
Jan 19, 2010
What I want to do is: disable the submit button while not all form fields are filled out and eneble it when the form fields are filled out. Disabling works, the enabling doesn't, at least not 'automaticly'. All of the code is in the $(document).ready(function(){}
I have this code:
checkAll();
function checkAll()
{
[Code]....
View 6 Replies
View Related
Feb 4, 2011
I have a php file that generates different content based on a get variable in the url. test.php?foo=bar1
I'm loading this into a div on my site with
<script>
$(document).ready(function() {
$("#result").load("test.php?foo=bar1");
});
</script>
Well that works, but i want to add a select option <option>bar1</option> option>bar2</option>
And depending what option is selected, i want to load that get instead. So if bar2 is selected, the load should (asyncronosly) load test.php?foo=bar2 instead.
View 1 Replies
View Related
Jan 30, 2010
I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
View 5 Replies
View Related
Feb 4, 2011
I have a form with a series of fields. Only certain fields need to be validated when certain buttons are pressed. The reason for this is mainly because I had to build my own wizard style setup with jquery so, even though it's one big form, only certain bits need to be checked as they progress. I tried to tweak the accordion example given by the creators but it can't really apply to my scenario.
I've simplified the code down a bit and it is behaving exactly the same way as the big form...which is to say it's not behaving at all.
In this code, I want it to only validate field txt1 if button 1 is pressed and text2 if field 2 is pressed. One odd thing to note, when I set it up exactly as the site recommended with one big mass validation and such, it would only acknowledge the existence of the first field even though they both had class="required" on them.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
[Code].....
View 2 Replies
View Related
Jun 14, 2011
I would like to submit a form depending on the success data of an ajax post.
Below is my jquery code; as you see #theform is the main form and before submitting the form I need to check the availability of the the date and time and the room using$.ajax. However it doesn't submit the main form if the date, time and the room is available.
required=["txtCal_Event_CalendarID","txt_TreatmentRoom","txtTreatmentID","txtTreatmentTypeID","datepicker1","datepicker2","timepicker1","timepicker2"];
emptyerror="Please fill out this field.";
[Code].....
View 2 Replies
View Related
Jan 3, 2012
I have a nested listview in my app which creates table inside table at runtimei need to get value of td from second tables tr where i have row number of first tables tr?
<listview1>
View 6 Replies
View Related
May 11, 2009
First post here - I am trying to hide options in a form select field if they are empty. The code below works...but even I know it must be a horrid way of doing it! Anyone care to tidy it up for me? I would learn much from the experience,
[Code]...
View 3 Replies
View Related
Feb 4, 2010
I have a contact info form with about 16 fields. I need to hide a subset of fields for address when the end user either (1) tabs out of the subset group, (2) clicks anywhere outside the subset field group.
I do not want to hide the fields when the end-user is tabbing within the subset of address fields, yet the focusout handler is triggered when it shouldn't be.
[Code]...
View 2 Replies
View Related
Oct 20, 2011
I am having trouble getting the selected option in a list of more than 20 items in sharepoint, The code below works for lists of 20 or less but not for lists of greater than 20. If any one has a snipet of code that will enable me to set a variable with the selected value from a complex dropdown it
[Code]...
View 1 Replies
View Related
Nov 20, 2011
Jqtransform Firefox Input Problem Basic problem is the text inside of the form input is lower than it should be.
View 2 Replies
View Related
Feb 1, 2011
This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -
Table looks like this -
View 9 Replies
View Related
Dec 7, 2009
I have a form that works out some basic math questions e.g. area etc. I run a function when a form field is updated to do the calculations, however I'd like to run a different calculation depending on which form element was updated. Is there a way to say something like:
if (area1 was updated) {
work out this calculation
}
if(area2 was updated) {
work out this calculation
}
and so on?
View 6 Replies
View Related
Jul 20, 2005
I am trying to hide a drop down box in a form on a jsp page using the:
style.visibility="hidden";
The form element is hidden ok but my problem is that the space still
exists where the element is.
Can anyone tell me how to hide these elements so that they dont mess up
the layout of my form.
View 1 Replies
View Related
May 13, 2009
I have a big form which I'm tidying up by only showing elements when they become relevant, based on the currently selected input (eg to only show an option for 'waist size' when garment type 'jeans' has been selected). I've done this many times, and probably used a different approach each time, so I just wanted to see what other people do. It's currently along these lines: "If a particular option is selected, then show this element, otherwise hide it".
Code:
//the onclick handler
function checkViewType() {
//go through radio inputs in the cell and check what's clicked
document.getElementById('supplierOptions').style.display=radioCollection.supp.checked?"":"none";
document.getElementById('subCatOptions').style.display=radioCollection.subcat.checked?"":"none";
document.getElementById('subCatTimeOptions').style.display=radioCollection.subcat_sumtype_time.checked?"":"none";
document.getElementById('subCatSumOptions').style.display=radioCollection.subcat_sumtype_sum.checked?"":"none";
document.getElementById('subcat_weekmonth_span').innerHTML=radioCollection.subcat_time_week.checked?"week":"month";
}
But it's a big form, with lots of nested options, and some elements can be triggered visible by several different options. So I'm looking for an elegant way to handle this without a million if..elses. Perhaps an array of element ids and which elements are allowed visible when that's selected.
View 4 Replies
View Related
Mar 15, 2010
I have a form, and i want two alternative submit links done as <a> links.Essentially, one will 'save changes' and remain on the same page, the other will 'save and preview' the final content.I've been playing for a while and can't seem to get it to workIf i just use one button and set the form action as normal all works fine.I'm told that i can set the form action within a javascript function and submit the form from there, but the problem is that clicking the link now just goes to the 'href' on the save button without submitting the form. (I believe the href is still required to make a working link).My code is as follows (ive simplified it to the essential components being used, theres also some php bits in the action being set) :
Code:
<script type="text/javascript">
function docSave()
[code].....
View 5 Replies
View Related
May 29, 2005
How to show and hide form fields depending on a selected radio button.
View 14 Replies
View Related
