I am looking for a method to automatically generate form fields.
Initially on the form there will be 2 select fields right next to each other. These fields are not multiple fields and multiple fields will not work with this scenario because both fields correspond to each other.
Now if the user selects something in each of these fields 2 more select boxes will generate directly below them. and on and on and on......
Does anyone have any thoughts on the best way to approach this...
I am not new to jQuery but I just want to ask the best way to approach this. Basically I have a textfield in which the user is going to type in a number (for example 20) and after this textfield lose focus jQuery will be triggered to create whatever number of textfields the user put before (in this case 20).
So, to illustrate: How many users do you have: [ 2 ](and after the field above lose focus, the below will be generated)
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'm currently using the following script to generate today's date in a form. However it generates month and year separately. Our system works by coupling the month and year together (e.g. 03:2010)
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.
I'm trying to generate a drop down list using a supplied xml form with an xsl sheet. Because xsl lacks commands that will allow me to create repetitive <options> I am using javascript. A sample xml file that I am using is bellow.
Is it possible to do the following with JavaScript? Get information from form Generate form results as a single text string $_POST string to PHP so it can be passed from one page to next. This is to get around limitations of my host. I have Parts 1 and 2 done. I need to know how to do 3.
I am trying to generate an ajax form based on a database value of max and min years. At present i have the following.
[Code]...
What I am struggling with is the logic to say if minyears is more than 1 (string in option needs to say years), then add in every year between min and max as additional options. My brain has been melting with this for a few days now
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?
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'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 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 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 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.
I don't want to keep adding in new spots every time a user want to add a new field. I would like them to be able to press a button that will add another one of those fields and so on. I'm not sure how this can be achieved but that's why I am turning to you!
if anyone can point me in the right direction to do the following:
2 form fields - cost and retail
once the cost is entered in the first field (cost), and the next field (retail) is selected, I would like to display the cost+35% markup [ie: SUM(cost+(cost*35%))] ???
I am building a Point of Sale system and I have a web form where the clerk enters the items being purchased... The product and the quantity. Then they click a button and an AJAX request adds the item to the sale in the database and fetches the price - the price is filled in, the total updated, and a new row is added to the form so they can enter the next item.
What I'd like is to that automatically when they tab out of the last field in the row to save time by not using the mouse... (tab and enter is a lot for some of my users)
What's the best way to do this? leave the buttons and have them activate on focus? an on blur on the last field?
I have a part of a form where professors enter courses they taught over the past 2 years for evaluation. They have to submit multiple fields for each course and multiple courses that could be any number of courses. (10-20 or w/e)
I'm not AMAZING with javascript because I have meh so-so experience with it, so I searched the internet for javascript that would add new fields for a new course. It generates a new line of fields for a new course to be entered.
The fields generate well, but when it comes to submit time to get all the fields in the database I have trouble. I am using Coldfusion as well with this project so I did a <cfdump> and found out that the javascript is not giving the fields correct names (adds a number at the end of the name, or should be). When I try to loop it into my database it fails because the names are all the same and are put in lists instead of seperate fields. I mean this is okay and all, but I don't know what code to use to loop 9 lists together in one database row. Sounds crazy... I decided it sounded easier to fix the javascript problem.
Here is my code:
<script language="javascript"> var counter = 0; function moreFields() { counter++;
