i have this code that generate 10 rows with form fields:
<form>
<?php for($i=1;$i<=10;$i++) {?>
<div id="rowz-rep">
<div class="row1"><?=$i?></div>
<div class="row2a"><input name="title[]" type="text" class="fieldSubmit"/></div>
<div class="row3a"><input name="url[]" type="text" class="fieldSubmit"/></div>
[Code]...
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?
View 17 Replies View RelatedI 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.
View 5 Replies View RelatedI 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?
Having a few problems with a form validation script. Its supposed to stop sending the form if key fields are missing, but it just sends them anyway!
Below is the code i use in the header to check for blank fields:
Code:
And now the code i use to action it:
Code:
From what i can see the fields match, it all links up correctly but still it will allow blank forms to be sent.
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,
View 6 Replies View RelatedI'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;
[code]....
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?
View 2 Replies View RelatedI 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);}
[Code]...
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.
View 6 Replies View RelatedI am using the ultimate form validator [URL] but the form is still submitting even though it says which fields are missing..
View 2 Replies View RelatedI have a form and there are many form fields, is anyone know how to make one of my input text only for display purpose, not for input.
View 1 Replies View RelatedI'm new to here and JS but I have question for you! So I have this form with inputs that are considered arrays in my PHP code:
<input type="checkbox" name="1" /> <input name="i[]" type="text"> <br />
<input type="checkbox" name="2" /> <input name="i[]" type="text"> <br />
<input type="checkbox" name="3" /> <input name="i[]" type="text"> <br />
<input type="checkbox" name="4" /> <input name="i[]" type="text"> <br />
[Code]...
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 have form input fields but it is being called through iFrame by the page. But how do I get or pass the data entered into the parent page.
[Code]...
I use jquery to add a form with several fields at a div:
myhtml = "";
myhtml += "<form id='myform'>";
myhtml += "h = <input type='text' id='h' name='h' size='30' value=''/>";
myhtml += "<input type='submit' value='modifica' /></form>";
$("#mydiv").html(myhtml);
now I'd want to change the background-color of my form just added:
$("#myform").css("background","#FF0");
but it doesn't work I think that the added form is not selectable by jquery (jQuery doesn't recognize the new id form?)
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++;
[Code].....
</html>
<script type='text/javascript'>
function formValidator(){
// Make quick references to our fields
var name = document.getElementById('name');
var addr = document.getElementById('addr');
[Code]...
I want to be able to add fields to a form with JavaScript, already had a thread about this in the PHP section and someone gave me some code. But that didn't seem to work :(So here is some other code:JavaScript:
var my_div = null;
var newDiv = null;
function addElement()
[code]....
Here's what I have so far in my validation part However, I need help as to how to validate the following fields when the user clicks the submit button.
-Radio Button
*title (4 options)
*member (3 options)
*vegetarian (2 options)
[Code]...
I created a form that contains about 10 form fields and would like to add the option to dynamically add more sets of those 10 fields if a user clicks a word or a button but I need help. I'm a beginner when it comes to JavaScript. This is what I need to generate dynamically.
<div id="dynamicInput">
<ul>
<li>1</li>
<li><input name='textfield1' type='text' size='10' /></li>
[Code]....
I would like to CAP all form field data when the form is submitted. Is there an easy way of doing this?
View 1 Replies View RelatedI have the following inputs in an HTML form:
<td>(<input class="phonetext" maxlength="3" name="phoneareacode" size="3" type="text" value="">)
<input class="phonetext" maxlength="3" name="phoneexchange" size="3" type="text" value="">-
<input class="phonetext" maxlength="4" name="phonenumber" size="4" type="text" value=""></td>
I would like to combine all three of these values into one hidden field like this:
<input type="hidden" id="phone" name="phone" value="?">
With the? being the three values merged together...