I have written my own js code for a dropdown form-field list based on a MySQL database table search against live typing into this form field.Problem is, my browsers all remember what I typed there before and now there is a conflict where the history list drops down over mine. My program depends upon the direct clicking of a row in my own js list but since this is covered with the history list, it does not work.How can I fix this?Is there a way to programmatically disable the cached list? Or is there some better way to go about it?
I need to be able to change the fields of a form based on a drop-down list. Like if someone picks option A field 1 shows and if they change it to option B field 1 and 2 show up without reloading the page.
If you need me to explain more I will try to do a better job. If I could be pointed in the general direction that would be great, I dont exactly need to be spoon-fed, although I do like spoons if you catch my drift .
rm validation! I want this to be validated upon selection of the drop down list (not when it comes to submit button)I have 2 drop down lists:Starting date (June 5th, 6th 7th)Ending date (June 5th, 6th 7th)I want to write a script that would NOT ALLOW one to choose:- Starting date June 6th and Ending date June 5th- Starting date June 7th and Ending date June 6th- Starting date June 7th and Ending date June 5th
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.
So far i have a database with all data in it.I have the 1st text field where the user enters their postcode and then the page reloads populating the drop down menu with the corresponding suburbs.Next what i want is after a suburb has been selected in the list, the page reloads again and the corresponding city, state and country is displayed in the other 3 text fields.How can i get the query to execute and fill in the last 3 fields after a suburb in the drop list has been selected?
<!doctype html public "-//w3c//dtd html 3.2//en"> <html> <head>
I am having a form with a drop down and want to display the fields below it based on the drop down value selected.
for example: my form has a drop down <select value> <values: A, B ,C, D)
when I select A then I should get displayed a set of fields ( like input fields, drop down fields etc) just below the main drop down and when I choose B then it should display a set of fields specific to B and like that..
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++;
