There are two input fields in a form, but only one of them is required, they are not required at the same time. Either A or B is required. ( A is required OR B is required). In other words, a user can input data to field A, or he can input data to filed B, but he can not input data to Both A and B at the same time. How to implement this constraint in Jquery form validation?
I have been looking for the past 2 days for a script that I can add and delete table rows.
I have found a lot but so far all of them add an input field but I desperatly need a textarea or ideally a section of input fields.
I have tried to change the code from input to text area but none of them worked.
Have you come across to a similar script.
I would appreciate any contributions.
What I am trying to do is a page where the user will add their employees details so we can order business cards for them. So I have fileds such as, Name, Tel Num, Email, Cell etc.
I have this order form where the customers can change the quantity by intput in a text field.I would like to have the text field changed with select fields, but doing so in the form, the script is not doing anymore.Can anyone have a look and tell me what to change in the scritp to accept select fields in place of the text fields.
We're using Malsup's form plugin v2.82 and jQuery core 1.6.2. We're having issues in IE7 where, on a form with file upload, form fields are being dropped before the form is submitted to the server.We tracked it down to the `fileUpload` function, specifically line 196 where each field in the form data has `.attr('disabled',false)` run against it. If we change this to`.prop('disabled',false)` it all works fine.I don't see a clearly marked place to submit bug reports for the form plugin, and wanted to verify that others see this as well,
I have a form that has a reset button, and when it's closed, the form is reset. However, at least in testing on my own machine, I notice that the form fields are remembering past input (on Firefox 4 anyway). Once this goes public, I don't want the form remembering anything in case the website is viewed on a public machine. How can I keep the form fields from remembering any past input?
I am re-developing my website and want to use some Ajax/jQuery in it (so I am learning as I go) and I am not sure if this is possible so that is my first question:I have a registration form and I would like to know if after the person registering has completed their first and surname and the 2 sections of their postcode if I can use jQuery to run a PHP script to see if they are already registered before waiting for the form to be submitted and running a script then.I am thinking onkeyup (or similar) after the last field is completed but I don't know how that would work needing to also use 3 other field values.If this is possible, can anyone give me any ideas of examples that do this or how I can go about passing all the variables and running the scripts at the correct time.
The site I am working on has a few forms that allow the user to add new form fields (textbox, textarea, etc.) dynamically. I am using a structure smiler to: <form> <label>Name : </label> <input type = "text" / > <label>Age : </label> <input type = "text" /> <span id = "add_field"> Add Field </span> </form>
<script type = "text/javascript"> $(function(){ //create a new field then append it before the add field button $("#add_field").click(function(){ var new_field = " <label>Name : </label> <input type = "text" / >"; new_field+="<label>Age : </label> <input type = "text" />"; $(this).before(new_field); });});
As you can see I create the field using javascript and just insert it before the add field button. However I have seen lots of other sites have a smiler sort of function but they seem to make an ajax call for the field as they use a loading-type animation during the few seconds it takes for the field to be added. My questions are : Which is a better way of doing this type of thing? And why is one better than the other? If it is better to create the field client-side should I change how I am doing it? Instead of creating a string representing html and appending it should I be doing it a different way?
I'm a jQuery newbie. I'm trying to use the "link" plugin without much success. I've been trying to find a simple example but can't seem to find it. I have a form with address fields and matching billing address fields. I would like to link between the fields. I tried something like the following but it doesn't work:
I have an OL with several LI elements. When each LI is clicked their html is replaced with a full form (multiple input types, submit button, etc). This form information is being populated from a php page using ajax.
The problem I'm running into is each time I click a form input jQuery thinks I'm clicking the LI element, which causes the ajax to fire, refreshing the form info. Essentially making it behave as if I had just lost focus.
I want to know if there is a way to automatically add a UI control to all fields of a certain type, for instance:
Lets say I have two form fields, with ID/Name of startDate ad endDate.
On a different page, I have say, 4 date fields, like Date1, Date2, Date3, Date 4.
Is there a way to have jQuery notice when fields have an ID that contains "date" and automatically add the datepicker to them?
I ask because I want to create a template with controls like this, where you simply name all form fields relatively standard things and jquery will automatically add the right controls.
On submit of a form I want to check some fields. I cannot get JQuery to do it.
[Code]...
The alert never fires. I prefer to refer to a specific element in a specific form, hence the line $("form[name="+theForm+"]:input[name="+checkFields[i]+"]"); What am I doing wrong and how can I do this???
I've started using jquery validation on my forms. Often, I need to pre-process a field before I want to validate it. For example, if someoneforgets to prefix http:// before an url, I can just do that, instead of returning error messages. Or sometimes, a field needs to be lowercased and I can just do that, too. I've found ways to do that, but it feels like a hack. Am I missing a feature ?
I have a form with an inputbox and the value of that input box needs to be also assigned to a hidden field.[code]Here is the hidden field I need the above value assigned to.[code]
I am having a problem with the submit() method that is driving me nuts. I'm using document.form.submit() with large text fields (approx. 2000 characters) and am getting a "Invalid Syntax" error. If I do the same thing with a text field of under 1500 characters, it works fine.
Is there some size limit here that I don't know about?
I'm having trouble changing the font color of my labels ONLY when I stop the form from submitting due to blank fields. I'm not sure whether if just changing my CSS will achieve what I want, or am I going to have to add somethig to my if else statement, or both? I would think I would need to change CSS to :
label.onfocus { color:red; }
but a little confused on what else.
<?xml version="1.0" encoding="UTF-8"?> <!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" xml:lang="en" lang="en"> <head> [Code]...
I have two js scripts running on my project at the moment, one is uses mootools and the other uses jquery-1.2.3min, both work but not if they are on the same page.The mootool adds the pop out effect to a form box and the jquery enables the nav switch for 2 boxes that contain different form fields for a search engine. Now I've been reading up on the two and have decided to favour jquery which means I have to reproduce the same effect in mootool but with my limited knowledge it's proven rather hard.The mootool code:
var isExtended = 0; var height = 165; var width = 240;
I have a working contact form with 3 of the fields requiring validation and they work well. I have added extra fields to the form (StatusClass, Project, CameFrom). These 3 fields return fine but I need to validated them. My problem is that the new fields don't show in the behaviours/validate panel even though they are within the form tag.
<script type="text/JavaScript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
I am using jQuery AJAX to submit a form. When the data has been validated successfully and processed, I want to clear the form, but I am unsure how. I have been trying to make it work for a few hours now.
I am showing status messages in the container below:
When everything was successful, it looks like this:
And here is the simple code I use to clear the text fields:
What I need is a way to check if everything was successful and if so, then run the code above. I tried to do it in a few ways, but it kept clearing regardless of the status.