[code]I have created an array of cars so if personA has more cars, they can click add and select another one. If they have 1 car and just enter name and 1 car, the form works but when I click Add row and select another car, it doesnt work?
View 3 RepliesI am using alot of Select boxes on one of my PHP/XHTML pages and i need to ensure the user has selected at least one option from the box.I have little experience with Javascript, but I tried this;
function madeSelection(elem, helperMsg)
{
if(elem.nodeValue == null)[code].....
All that is happening is its returning a boolean false regardless of whether or not i select an option.
I need to check that a user's birthday has been filled out completely, using drop down menus. I can validate each of the menus individually (see code below), but what i really want to do is make one check that all three are selected so that I don't have 3 extra error labels.
[Code]...
I have two prompt dialogue boxes that ask the user the enter their name and their employee number.I am experiencing two errors. The first is, if a user enters their name incorrectly, using numbers for example, there is an error message that asks the user to re-enter their name using a string. If the user ignores the error message and enters a number a second time, the program accepts the entry, which it shouldn't.
The second error has to do with the employee number prompt. The prompt asks the user to enter an employee number that is equal to 6 digits, the program however accepts any number, less than or greater than 6 digits, which it shouldn't.I don't want the user to get away with entering anything incorrectly.
<script type="text/javascript">
// prompt the employer the enter the employee name and number
var employName = prompt ("Please enter the employees' name" , " ");[code].....
I have multiple checkboxes. How can I validate the group of check boxes so that a user can only select two. If they try to select more than two, an alert will pop up stating they can only choose two?
Code:
This is my form
<form name="myForm1" onsubmit="return validateForm(myForm1)" method="post" action="add.php?pif=ixhsuwu9xyysysjj300&yisu=uuwuwuwzuab&jsn=733888559jdjdjdeyey&tsyi=378hyxbh738hssh272sh&zy9stxyw=idÂ272bs2637shuw727hhshs377ywwwyw&nav=events">
<table width="100%" border="0" cellspacing="3" cellpadding="0" bgcolor="ffffff">
<tr>
<td colspan="4" bgcolor="#FF9933" class="fonts"><img src="/img/spacer.gif" width="1" height="1"></td>
</tr><tr>
<td colspan="4" class="fonts" align="center"> Pls. Note : All fields must be completed in order to proceed.</td>
</tr><tr>
<td width="23%" nowrap class="fonts" bgcolor=#EEF8C6><div align="right">Job Title <strong>:</strong> </div></td>
<td width="77%" valign="middle" bgcolor=#EEF8C6 class="fonts"><input type=text name=jobtitle class='bodytext' size="60"> .....
I'm wondering how to go about creating two
dropdown boxes such that when you select a value from the first one,
the second is populated with values that depend on the first.
I am getting some problems with populating my drop down boxes. I create the drop down through dom object.when I call this function onClick event in a button its work fine and populate the records from database so it does't matter how many times you click the button its work fine and populate all rows. The problem start when I call this function in a loop like in php file its populate only last row. but I want to populate all rows.
[Code]....
What am I doing wrong here? Forgive me if it's blindingly obvious, but I can't get this to work:
HTML Code:
<html>
<head>
<title>test</title>
<script type='text/javascript'>
function editPhotos(numPhotos) {
for(var i = 0; i < numPhotos; i++) {
if(document.forms.boxOrder.photos[i].checked == true) {
alert('yes');
} else {
alert('no');
}
}
}
</script>
</head>
<body>
<form name='boxOrder'>
<input type='checkbox' name='photos[0]' /><br />
<input type='checkbox' name='photos[1]' /><br />
<input type='checkbox' name='photos[2]' /><br />
<input type='checkbox' name='photos[3]' /><br />
<input type='checkbox' name='photos[4]' /><br />
<input type='button' name='edit' value='Edit Selected'
onClick='javascript:editPhotos(5);' />
</form>
</body>
</html>
I would like to create reverse dropdown boxes (that is, dropdown boxes that "drop" the other way around--perhaps "drop-up" boxes could be the closest term I could associate with such elements) for the menu of my personal site; I've seen such menus before, however at the same time I have also neglected to take note of what JavaScripts were used.
View 1 Replies View RelatedI'm absolutely terrible at coding javascript, it makes no since to me, I'm "ok" at html but I just can't get Java, but anyways. I'm working on an averaging code for a forum I apart of that has to take the selected number from 5 drop down boxes adding them together, dividing by 5 and displaying the result.
the code I have is barely half completed, but it's not to long just the same thing over and over with the drop down boxes, so I was hoping someone could help me with this. Or at least guide me in the right direction. Code:
I'm populating a couple of dropdown boxes from an xml file, but can't get them working independently. As you can seehtmwhen you select an item from the first select box (a polyline), itdisplays the corresponding item from the other box (a polygon), too.I found this answer on the google maps forum:"Don't know of an example, but building two select boxes isn'tdifficult: pass into your createMarker() function the relevant flag,and add the data to one of two variables (instead of everything beingadded to select_html as now).You shouldn't need two handleSelected() functions -- both select listscan use the same function because each select box passes itself("this") into the function."which is what I thought I did (making sel_html and select_html) butmaybe the two variables being discussed here are different ones?cross-posted on the google maps forum here and here but not answered.
View 1 Replies View RelatedI have two arrays that are tied together Ink1Data[][InkID] and Ink1Data[][Ink1Desc]. I also have this Javascript code to validate it:
var chksink1 = document.getElementsByName("Ink1Data[][InkID]");
for (var i = 0; i < chksink1.length; i++) {
switch (chksink1[i]) {
case (chksink1.value=1);
var i1Desc = "Ink1Data["+i+"][Ink1Desc]";
if (validate_required(i1Desc,"Please fill in a trim size.")==false)
{i1Desc.focus();return false;}
break;
case (chksink1.value=2);
var i1Desc = "Ink1Data["+i+"][Ink1Desc]";
if (validate_required(i1Desc,"Please fill in folding instructions.")==false)
{i1Desc.focus();return false;}
break;
case (chksink1.value=3);
var i1Desc = "Ink1Data["+i+"][Ink1Desc]";
if (validate_required(i1Desc,"Please fill in scoring instructions.")==false)
{i1Desc.focus();return false;}
break;
}}
Basically, I want to count how many are in the array (will be the same number for both) and then depending on the value of the first array, validate the second and kick an appropriate error if necessary. It should be pretty easy, but I can't seem to get the code to work.
I am trying to make a unit converter with two dropdown boxes, two textfields and a button. I want to enter a number into the first textfield, select a unit option, then select another appropriate unit option based on the first selection, press the button and get the result in the second textfield. What would be the best approach for this. So far I have:
[Code]....
I have a product select page that is really slow to use because 6 dropdowns must be populated and the page reloads after selecting each box, to get the options for the next box.
I want to speed it up as follows:
1) User selects one of 50 products from a dropdown list.
2) Page reloads, and all the possible options for the remaining 5 dropdown boxes are now populated (ie. list options all stored client side)
3) User can freely input the remaining 5 dropdowns without the page reloading.
I'm working on a website where users can add films to a film directory through a form. One of the fields that can be filled in is a "Release date" field, where a correct release date can be filled in. The form uses dropdown boxes for selecting the date; this is much less confusing in terms of how to format the date than if one would just use a text input field. Here's a screen shot:[URL]..
I've been looking for a Javascript script that does three things:
1) Validate the entered date (i.e. no "31st of February" dates).
2) Check whether the date entered doesn't exceed today's date (so no release date in the future is allowed). This could be combined with PHP to find the today date.
3) If the "I don't know the release date" box is checked, simply skip the whole validation process (no need to validate something that won't be used).
I've been looking for Javascript code that does this, and I found a couple of scripts (like this one) [URL].. /date_validation.asp), but they all make use of text input fields where the user has to input it in a certain format (mm/dd/yyyy et cetera). This is not what I'm looking for, but having zero knowledge of Javascript I am completely unable to write my own code or adapt this code to what I want.
I already figured out the PHP that does all of the above, but I would also very much like to have some code that checks the date before the data is processed so that users who have made a mistake don't have to fill in the whole form a second time.
I want to validate an HTML form, that have array filed names. For example
<INPUT TYPE="TEXT" NAME="contact[name]">
<INPUT TYPE="TEXT" NAME="contact[email]">
I need this as a program require contact us form in this format (sunshop).
if(document.formname.contact[name].value.length==0) { alert('You must enter name'); return false; } But not working. Code:
I've got two dropdown boxes ('language' and 'word'). When the submit button is pressed, I want a div to show with the right word in it. I can do this fine with one dropdown box, but two has got me stumped.
View 6 Replies View RelatedI have a drop down box (select) in my website: [URL] that works fine; but the problems is if the user click on a wrong option, it will show a box and if the user click on another option from the box, the last one will be on display and won't go off..
Like this select something and then at the same box change the selection you will see the code will build up boxes on the screen.. How I do for it not happens if the user change the option in the last box, the one before disappears!
I've been trying to do this since yesterday with no luck. I've tried stackoverflow, DIC and this is my last chance. I'm using drop down boxes to have a user select a ship date. I don't want them to be able to choose a date in the past however. Below is some code a guy at DIC sent me which doesn't have many changes from my original one but he said it was working and I havent been able to get it working.
<html>
<head>
<script type="text/javascript">
function date_check()
[Code]....
In our ordering system, we have to type in various values for several items at a time. This means in one single form, for one order, we could be typing in a batch number 4 or 5 times. I can valiadate this easy enough with Javascript when there is only 1 line. But what if there is more than 1?
With PHP you add [] to the end of the form element's name. But how do I get javascript to work with this?
Code:
Basically, the batch number, expiry date and pallet/box number is mandetory. If they arn't entered, it needs to fail (return false). It doesn't seem to be doing anything, just moving on to the next part which is checking other parts of the form which isn't repeated.
i don't know much about JavaScript. I'm working on a PHP file, it has two dropdown boxes 'starttime' and 'endtime' I want it so that if someone selected 9am 'starttime' the 'endtime' should change to 10am onwards. so basiclly gap of 1hr.
View 6 Replies View RelatedI'm looking for four level connected drop down boxes. Unlike all the scripts I have seen on the internet I need all the options to be available if nothing is selected in the previous drop down. So I want something like combination of connected drop downs and ordinary drop down. If the selection is made, display appropriate options in other drop downs... Hope I'm clear...
[Code]....
Nice module, but I can't get it too work.
Code:
/**
* validate.js: unobtrusive HTML form validation.
*
[code]....
but the script alerts me nothing?
I am looking to make a page with a display on it using input boxes, but I want the input boxes to get some of the values from an array I enter at the beginning. To start with I am only entering 2 items, as it will make it easier until I have it all up and running. I have no problems getting a table to come up, with a label and then an input box beside it. I can even prompt the user for the number of input boxes they require. I also can make it so that the input box is disabled, so that the user cannot change the contents of it. But, I am totally stuck as to how to get this how I want it...
I am wanting labels at the top of each row, not the left hand side, and I am wanting rows of 3 input boxes, with the first 2 containing the text from my array, which is what I'm wanting ti be the disabled boxes. Basically I am starting a very simple page for an online order facility.
This is the code I have been working on, I have totally messed it up by now trying different things but it will give an idea of what I have been attempting I figured lol. I have got it to have 6 empty input boxes all on top of each other, but I realised after that if i set all the values etc in the table, then im not getting the array to define the contents :S and, they are still all on top of each other which i dont want... And my attempts at getting the array to define the number of input boxes has so far been futile. I end up with a blank page, just a button. just getting frustrated lol.
[Code]...
how to sum the values stored in an array of textbox using javascript and display it in a separate text box.
View 7 Replies View Related