I want to create a form in which visitors can add input text fields like this:http://img269.imageshack.us/img269/5268/pictureli.jpgNote that you should be able to add/remove both new person and children to those persons.How do I solve this? Im pretty new to JavaScript, maybe this project is waaay to hard for a beginner?
View 3 RepliesI need to create a form which has a dynamic number of text fields. So, I created this input type :
PHP Code:
<input id="benamount" name="benamount[]" type="text" disabled="disabled" size="40"/>
<input type="checkbox" name="ben[]" onchange="check();"/>
[code]....
I've created a admin center, that has two seperate login permissions. Admin which can edit listings, etc... and Viewer which can only view listings, and edit 1 or 2 of the listings details and not all of them like the admin. I've seen web-sites where certain text input fields are sort of Grayed out, not allowing for user to type, click in or change anything in that field. Sort of like the html text input field has been or is disabled. How can I get certain html text input fields to appear disabled, and the text that's inside un-editable or unchange-able?
View 3 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 have a problem created by my complete [rookie] status – only second time venturing into jQuery. I created a simple shopping cart using php and the PayPal buttons (1: buy now, 2: add to cart). The php back end does it great, it generates the table and the buttons and everything works just like it’s supposed to; Except, I forgot to add sizes. So I found out what I need to add, and I realize that the way the buttons work, I will have two different text boxes for size. Not very visually appealing, and since I’m not submitting this to the server before it goes to PayPal to pay, I cannot modify it with php the way I normally would. jQuery / javascript are my only hope of making this work. What I want to do:Have a single textbox where [size] is entered by the user.
Copy the value from the [correct] text box to the Value=”” section of the now hidden field in the PayPal form That way, no matter whether they [BUY NOW] or [ADD to CART] the right size is submitted to the PayPal shopping cart. This is the actual PayPal code that I’m trying to change
<table>
<tr>
<td>
<input type="hidden" name="on1" value="Size" maxlength="200">Size</td>
[code].....
I got this far, and then decided to find how to insert the "enteredVALUE" into the right place in the input text field (what I called output) and I've not been able to figure out how to stuff it in there.
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've got a calculator/quotation script i've made. Once the calculation is complete, i want the user to click a button which will copy some of the field data to new fields for printing. This is fine and i can do easily, however i then want the user to be able to reset the form and do another calculation, click the same button and it copy the new data to new fields too.
So in effect you end up with all of your calculations listed somewhere for printing. how would i attempt this?
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 trying to create a text area input filed for user input, and i want to be able to allow the user to format thier text, just like the ones used in this user forum. I am writing my website in html, php, javascript and css with a MySql database. I am trying to understand how to create such an format-able text area for input.
View 1 Replies View RelatedI am having no luck with my post form to mysql. It is only posting the first letter of the word/phrase for the text input fields to the mysql database. It is a photo and text post form. The photo and only first letter of text are posting to database. I am using Jqtouch, jquery, and phonegap.
Here is my form fields:
Here is my java script:
Im trying to create some amendments within some form fields as the files that need to be adjusted in the php scipts are encrypted. so im forced to use a work around. I'll explane best what i want to do via the very simple php script below.first the form fields (all field names are related to there php objects)
----------------------
<--! this is the "title" field -->
<td><input type="text" name="title" style="width: 100%" value="we are her" /></td>[code]....
how could i have the same disired effect in Javascript or maybe theres another solution?
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 2 input fields.
Input 1: Website URL
Input 2: Website Directory
Firstly I would like the "http://" to automatically appear in input one and two and it can't be edited or removed. Then whatever is typed in input one, I would like it to automatically copy into input 2, and the user can't delete whats in input 2 without going through input 1. Then lastly the user can add data into input 2, without input 1 changing.
Here is an example:
Red = Can't be deleted Green = Can be changed Blue = additional text to input 2
Input 1: http://www.yourwebsite.com/
Input 2: http://www.yourwebsite.com/extra/directory
How to do this?
From the these form fields I want to be able to create an array in Javascript containing the same 'codes' that feature between the option tags (not the value="X")
<select name="options-1" id="options-1">
<option value="">Select an option</option>
<option value="1">KA-WH</option>
<option value="2">KA-BK</option>
<option value="3">KA-GN</option>
[Code]...
for example, from the above, I want a JS array for 'option-1' that contains KA-WH, KA-BK and KA-GN; plus an array for 'option-2' that contains BADGE-1, BADGE-2 and BADGE-3. The above form fields will be created dynamically, may contain more or fewer items.
I then want to use the JS arrays to pull in images of which filenames match the 'code' in the array.
I'm now working on kind of invoice form which in it the user can add as much input field as he wants.
The problem is that after adding a new input field - the content in the other fields is deleted.
Code:
I have a slideshow using jquery.galleriffic.js and jquery.opacityrollover.js, with the slideshow activated, all the input text fields don't allow space char or the use of the arrows left and right. With the two files (jquery.galleriffic.js and jquery.opacityrollover.js) deactivated the input text fields allo space char again. I'm sure there is some conflict between the two javascript, how can I found out which code is the reason of the conflict?
View 1 Replies View RelatedI want a text field's value to populate/copy on submission to 2 hidden fields value that resides within the same page. Example below
<input type="text" name="county" size="5" maxlength="5" value="55555" />
<input type="hidden" id="age" name="yourcounty" value"" />
<input type="hidden" id="DOB" name="ourcounty" value"" />
For information this will be sent to a php file. How this could be possible?
I'd like some direction on creating a small piece of Javascript that will populate my <select> boxes. Basically, I have a form for users to create events, with a start time and an end time. (These are the two select boxes). For example:
Code:
<select id="startTime">
<option value="12:00AM">12:00AM</option>
<option value="12:15AM">12:15AM</option>
etc.....
</select>
What I am trying to do is:
1) Have times populated in 15 minute incrementals from 12:00AM to 11:45PM
2) Have some type of "error checking" available to where the End Time must be after the start time. It would be nice for the script to automatically change the end time field to a time that is after the start time.
I have some basic HTML knowledge but rely pretty heavily on WYSIWYG editors (dreamweaver). I think this might be more of a PHP question and not necessarily require a js, but here it is. What I am trying to do is learn how to build a directory in a site that allows any visitor to the site to add A) the company's name, B) the site URL, and C) possibly a brief description. Ideally, the site would also have a drop down menu to select the category in which to post it.
View 1 Replies View RelatedIt's possible to declare inbut fields outside of a form, is it possible
to post these values to the server? E.g. attach them to the posted form?
-i have two drop down menus. -each drop down menu has its on event handler "onchange=doSomething()"
-i want to call yet another eventhandler to the same drop down menus "onchange=doMath()"
my question is, can a drop down menu perform two different events?
of should i combine these functions. i tried combining them, and i lost the purpose of both functions.
how to clear all input fields after submitting data?
[Code].....
i always find everyday on how can i clear the input fields after submitting on it.
I would like to know how to create a function in an external file for validating the fields of a form. If someone could please provide the code, it'll be real helpful. The form is as follows:
<form name="contactus" action="" method="get" id="form">
Name: <input type="text" name="name" id="name" class="autoName"></br>
Email: <input type="text" name="email" id="email" class="autoEmail"></br>
Phone:<input type="integer" name="phone" id="phone"></br>
Date: <input type="text" name="date" id="date"></br>
<input type="submit" value="submit" id="submitclick"></form>
I have a input field (text field) in my html page. User should give input as a string like following 12 345 678,0 If user gives input in format 12345678,0 and leves the input field how can I format the value 12345678,0 into format 12 345 678,0?
Are there any Javascript that can handle this with Regular Expressions?
So I am trying to validate many input fields inside a form before I send it off to mysql.
The page link is: [URL]
I am 99% sure it a JavaScript issue and I am a beginner with JS. My JS code is as follows:
function validate(form)
{
//Pull values from form
var email = form.user_email.value;
var confEmail = form.conf_email.value;
[Code]....
I'm trying to change the color of the labels according to what input field is wrong. It seems to loop through and keep my labels black. It shows the email red for a millisecond though.