I am trying to write a js that validates a form with two text inputs. The two inputs are: 'D_techA' and 'D_techB'. I just want to add up (sum) the two input fields (which must be positive numbers) and make sure that they add up to exactly 100 (not more and not less). If they do not add up to 100, then an alert should pop up that says "The two values must add up to exactly 100." I have tried and tried to write a js that does this validation (looking at numerous validation scripts posted in this forum and elsewhere) and I just cannot seem to make it work.
I have done lots of looking on the web, but am still unable to figure out why I can not make this simple assignment work.I just need some help with getting something to happen when the user hits submit. What I really want is for a new page to appear with the message using the user inputs, but I would be very happy with just getting the input to appear in the text area that I put in or even for the alert box to pop up with the input. I can work on validation code after I can get some kind of output to work.....
With this script I can force the user to select the checkbox befor continuing, but now I have a menu with lots of radio unputs and I would like the user to select at least 2 of them; how can I check it?
I want to create a dynamic clickable color picker like this:
When I click a square it has to select a color from the list - it's simple but...
There are inputs with the same name="color_number" - I'm trying to get those values but it returns just the first one, so there's working just first color.
This is my code:
var color_number = $j('[name=color_number]').val(); $j('div.color-picker-'+color_number).click(function() { $j("#input_Kolor option:contains('"+color_number+"')").val(); $j("#input_Kolor option[selected]").removeAttr("selected");
Say I have multiple buttons with the same id, but different values.. how do I know what button the user has clicked on? is there away for this? or can I just add onClick function (pass_value)?
I want to make a script that will insert all text type inputs into an array. From there I want to be able to call them and edit them. Here is what I have so far and it is not working.
var phone1 = '702' var inputArray = new Array(); var inputs = document.getElementsByTagName('input'); inputs; if (input.type == 'text') { inputArray.push(inputs.id); } inputArray.reverse(); inputArray[0].value = phone1;
I need to style a checkbox, so I made it into two images behind a form with hidden inputs. On click the form takes input from the other form into the hidden fields and POSTs it. Then I use PHP to grab that POST and put it back into the original form.Here are some snippets of what I am trying to do:
Is there a way to call everything from one element's onKeyUp (or onBlur, etc.) in another element's onKeyUp, etc?For example, I have something like this:
I'm wondering how to add predefined text to many input fields on click of an image. so I have 4 images and I click one and 4 fields are filled with predefined text. If I click another the text is changed with some other predefined text.
I've got a form and am using jquery to create row total for about 5 rows. This allows the user to input a qty and part number and then fills out the rest of the information (product name, msrp, dealer cost). If all of the row total (qty * price) have a class of say class="rowTotal" is there a quick and easy way of getting the sum of all these classes?
i can get my xmlhttprequest onbject to send data using GET and POST....but I would like to use it in a form which has a FILE input...is it possbile to send the file to a server-side script using the xmlhttpreq object?
I have a table with a bunch of inputs. The user can enter data for the inputs in each row, as well as add a row, move a row, delete a row. The names for the inputs in each column are column1[], column2[], etc. I use PHP to receive the form, and the inputs are automatically converted into arrays. Every thing works great until now....
I want to add a new column with a simple yes/no input.
<input type="checkbox" name="newcolumn[]" /> doesn't work because if the checkbox is not checked, it doesn't return anything and my array for this column no longer correlates with the arrays for the other columns.
<input type="radio" name="newcolumn[]" value="0" /><input type="radio" name="newcolumn[]" value="1" /> doesn't work because each row uses the same name.
Giving each row a unique name will be very difficult given how I add/remove/move rows.
My "simple" input turned out not to be very simple. how I can return a zero or one from each row of inputs?
I am thinking of using JS to upon submit, check another checkbox input (with value=0) adjacent to the first one (with value=1) for each row if the first one isn't checked.
I am also thinking of adding hidden input to each row, and giving the user some sort of button on each row which uses JS to set the hidden input to 1 or 0.
Im trying to dynamically add more fields into my form.[code]And don't reply that i should make the names into arrays for me to submit more stuff, I'll change that later. But for simplicity and a straightforward problem. I can't get it add more form elements in the correct place or nothing happens at all.
I have been handed the task of updating and maintaining a web application, written in ASP and Javascript, that takes complex user inputs in HTML form and submits them to server-side ASP pages for processing. The problem is, the user inputs can become very complex, and the way this application was developed, the inputs are all concatenated into monstrously long strings of text that are then submited as <hidden> inputs in HTML forms and parsed by the server-side ASP. This results in hideous strings that go on and on like johnsmith~1232^01^Yes^no~~|43|april
etc. etc. This code is an incredible pain to maintain and update. There has got to be a better way to do this. I am required to use javascript and vbscript in ASP pages on the client side, and ASP pages for processing data on the server side. I can't switch to a different technology, or use .NET, or anything like that. I have to use JS and VBScript to get intricate and lengthy user inputs and submit them for processing. I would like to store these inputs in objects somehow and then get the data from those objects, if possible.
I have a form with a few text boxes which need to be validated client-side. The validation is: check that every single text box has a unique string value. I.e., I need to check that there are no two textboxes that both contain, for example, the string 'hello'.
Is there an efficient way to do this kind of validation in javascript?
I have a little jQuery script (that someone helped me with on stackoverflow) that makes each row of an HTML table clickable which toggles a corresponding checkbox 9and changed row bg color to orange). Its all here..[URL]... A little bug that i caught was that if you check an element and then refresh the page, the value is still checked but the row is no longer orange.
So what I am trying to do is create an onLoad which checks if each row's checkbox is checked and if so, toggle that row's selected class.
I have a set of radio inputs on a form. These are bound to some values in a database. They are to indicate preferences of the user. So i may have 10 items in the list and i want the user to tell me the one they prefer. So when the list loads the first time all of the radios are not selected. They select one then hit save. I persist this value to the database and the next time they come back i want to fill that radio button in.
I'm having an issue doing this. It seems to me like: you can load a list of radios that are all unselected. you can select a single one of these you cannot select one and then unselect it so that none are selected
My problem is that i load the list then i loop over each of the elements and use the id to look for a saved preference value. If i find one then i want it selected in the radio. If not then don't select it. What I'm getting is the last item in the list always being selected in the radio