Javascript Validation Of Radio, Checkboxes And Text
Jan 18, 2005
I use the following code on a form (which works)
function SubmitDocument(){
var frm=document.forms[0];
if(frm.QuestionSeventeen.value=="") {
alert("Please enter your postcode");
window.document.forms[0].QuestionSeventeen.focus();
return false;
}
else
document.forms[0].submit();
}
This is fine, because QuestionSeventeen is a text field. However, I have a number of radio and checkbox values on my form which I need to make sure are not NULL.
I want to make this more efficient and not use LOTS of these nested IFs.
i.e., does anyone have any code that will check firstly specified text fields, then radio buttons, then checkboxes in a more efficient manner?
so.... somthing like this process is what I want to achieve
Function validate()
- make array of text fields, loop through them checking not null THEN
- make array of checkbox fields, loop through them checking not null THEN
- make array of radio button fields, loop through them checking not null THEN
If all OK, save doc otherwise alert that field needs to be filled in then gocus on that field END FUNCTION
View 15 Replies
ADVERTISEMENT
Sep 15, 2010
How do i begin a validation script for a form with radio buttons & check box & text area.
View 2 Replies
View Related
Jul 23, 2005
I'm looking to display the value of radio buttons and check boxes on the
page before submission. So far I can do most of it. When "Hat" is checked
there are to be no color options available. Click on shirt or pants, you
have three options, (actually four if you chose "None"). Shirts and pants
can have multiple colors.
OK, here is the issue, if you choose a color then change your mind and then
un-check the box, it doubles up the 'display' on the page ("strCavTop"). I
want it to clear the 'display' ("strCavTop") of that one value if the box is
clicked to un-check it.
Is there another way to display the data other than a form text box, like a
table cell or something similar? I willing to bet there is a more
economical way to do this, so if there is I'm open to any suggestions. Code:
View 3 Replies
View Related
Jul 20, 2005
It is for checking out used radiobuttons or checkboxes.
<script
<!--
function pruefen(){return true}
-->
</script>
<script language="JAvaScript1.1"><!--
function pruefen(f){
[URL] .....
View 4 Replies
View Related
Feb 10, 2011
I'd like to ask a user to choose from one of two radio buttons. The first radio button will show three checkboxes. The second radio button does nothing.How do I do this?
View 9 Replies
View Related
Apr 14, 2010
I have a list of check boxes, if one or more than one check box is checked then only the text box should be disabled, if not it should be disabled and I need validation using single button.
View 2 Replies
View Related
Nov 1, 2007
I have a simple form which I'm trying to validate. I have around 8 checkboxes that the user has to agree with, and if they dont, they get the message saying "you did not accept the training princples, yada yada".
I also have a few text fields asking for their details.
Maybe I'm missing something simple here, but everytime I submit the form, it doesnt validate. Im not fantastic at coding, but I was hoping this would be quite straight forward. All I'm trying to do is get a message up if the user doesnt agree with all of the checkboxes. Code:
View 6 Replies
View Related
Feb 27, 2009
Having trouble calculating the final cost of choices made by a user. I have 4 radio buttons and 2 checkboxes. The first three radio buttons are, all intensive purposes, chocolates with the last radio button stating that the user doesn't want any of the chocolates. The two checkboxes are a milkshake and candyfloss respectively. The user may only choose one of the three chocolates and optionally the milkshake, candyfloss or both.
What I have so far is as follows:
Javascript code
function calc(sec,val,item)
{
if(!item) {
var item = null;
}
switch(sec)
{
case 1:
Some code for a different function.
break
case 2:
cValue = parseInt(document.getElementById("purchaseTotal").value);
if(item.checked){
document.getElementById("purchaseTotal").value = cValue+val;
}else{
document.getElementById("purchaseTotal").value = cValue-val;
} break;
} }
html
<td>Chocolate 1: ZAR 5.00</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,5.00, this);">
</td>
<td> </td>
</tr>
<tr>
<td>Chocolate 2: ZAR 5.00</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,5.00, this);">
</td>
<td> </td>
</tr>
<tr>
<td>Chocolate 3: ZAR 1 200.00</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,5.00, this);">
</td>
<td> </td>
</tr>
<tr>
<td>I do not wish to buy a chocolate.</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,0, this);">
</td>
<td> </td>
</tr>
<tr>
<td>Milkshake: ZAR 13.00</td>
<td><input type="checkbox" name="milkshake" id="milkshake" value="" onClick="calc(2,13.00, this);"></td>
<td> </td>
</tr>
<tr>
<td>Candyfloss: ZAR 8.00</td>
<td><input type="checkbox" name="candyfloss" id="candyfloss" value="" onClick="calc(2,8.00, this);"></td>
<td> </td>
</tr>
<tr>
<td colspan="3" align="right" valign="top">Total ZAR <input name="purchaseTotal" type="text" id="purchaseTotal" value="0"></td>
What happens at the moment is that clicking on one radio button doesn't subtract the amount from the previous selected radio button and clicking on the same radio button just keeps adding its value to the total. I'd like it to do the opposite and not add to the total if clicked repeatedly and if another radio button is selected the amount of the previous radio button must be deducted from the total.
View 1 Replies
View Related
Aug 23, 2010
I am trying to make an option calculator for my site. The user will click on various radio buttons and checkboxes, before pressing the calculate button. The button will then add up all the values to show the overall figure. The code shown below is what I have so far.
Code:
function calcMe(){
for (var i=0; i < document.form.radio.length; i++){
if (document.form.radio[i].checked){
var rad_val = document.form.radio[i].value;
}} if (document.form.radio1.checked) {
document.form.result.value = rad_val;
} if (document.form.radio2.checked) { .....
The first javascript is to show the value of the radio button with the textfield attached - when the user puts a number in the textfield, it will update the value of the radio button. The second javascript is to check the document for the clicked radio buttons and checkboxes. It then adds up all the clicked values to show the answer. The problem that I am having is to put these two javascripts together so as the radio button is updated with the text field value as well as adding up all the clicked values.
View 1 Replies
View Related
Mar 25, 2007
I have an application with an input form that sometimes has a hundred or
so check boxes organized into groups of about 10 choices. The boxes are
difficult to check because the target is small and after the user
chooses a dozen or so choices, the result is difficult to see.
I was thinking that an alternative would be to just have the single word
choices highlight after being checked. This would result in bigger
targets, denser forms, and would be easier to see.
Does anyone have any pointers to pages or examples that implement a
similar solution using CSS and Javascript?
View 2 Replies
View Related
Mar 18, 2011
I have written the following script which enables/disables checkboxes on my page when a radio button is selected.[code] What I would like to do is create another function called checkval() like below, which will check the value of my radio button (id: email_alerts). If the value is equal to "on" then it will run enableCheckboxes().
View 2 Replies
View Related
Nov 28, 2009
I'm trying to get a radio button validation for different sets of radio buttons that simply contains Yes & No buttons.
Here's what I'm trying to do:
Question 1: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 2 appears) *Up to here I'm happy- can't figure out the rest*
Question 2: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 3 appears)
I need the Alerts to be swapped from this point*
Question 3: if Yes, then (Alert 2) if No, then (Alert 1) (if NO, then Question 4 appears)
Identical for Question 5, and for Last Question 6 Alerts swapped back again.)
Here's the script that I managed to piece together:
View 5 Replies
View Related
Sep 30, 2009
I have three radio buttons, and when a certain radio is selected I want to show a series of checkboxes. If the other two radio buttons are selected, I want to hide the checkboxes. I *think* the problem is that I am using the wrong syntax to call the click() function on the radio "name" attribute.
[Code]...
View 5 Replies
View Related
Jul 30, 2010
i'm running a validation script to check if my radio buttons are selected, but i can't seem to get it to read the value of the field.
heres my form
<form name="cases" action="cases_process.php" method="post" onsubmit="return validate(this)">
<input name="uscan" id="uscan" value="n" checked="checked" type="hidden" />
<input type="radio" name="uscan" id="uscan" value="us" class="radial" tabindex="1" /><label>United States</label>
[Code]....
everything works up until the if(uscan == "n") so idk why it cant find what the value of the field is, because ive tested it and it seems to know even know what the value is.
View 15 Replies
View Related
May 9, 2011
I am using a script called osDate and I am trying to modify the sign up form to suit my setup. So far I have the below, but I would like to check a set ofradio buttons, but not sure, how to add it into the current code.
var alphanumeric_chars = "0123456789.+-_#,/ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz ()_";
var alphanum_chars = "0123456789_ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
var text_chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz /'";
var full_chars = "0123456789.+-_#,/ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz() _$+=;:?'";
[Code]...
View 1 Replies
View Related
Sep 6, 2011
I wrote a function to to validate some elements in my form and for some reason I can't seem to figure out why my radio validation is not working. There are about 3 to 4 radio buttons. all with the same name, but i need to make sure that at least one out of this group is selected.
Below is my code.
JS:
<script type="text/javascript">
function validate_required(field,alerttxt,select)
{
with (field)
[Code]....
View 2 Replies
View Related
May 26, 2006
I've got 4 radio buttons on an html page.
named: account_can | options, Yes & No / 1 & 0
named: account_usa | options, Yes & No / 1 & 0
my script:
function checkcurrency(){
var strCan = document.supplier.account_can;
var strUS = document.supplier.account_usa;
if(strCan.value==1 && strUS.value==1){
alert("The supplier must be either a Canadian or US account, it can not be both.");
return false;
}
return true;
}
every time i submit the form, it goes through no matter what i've selected. and I have added this to the form onsubmit tag. so I'm not sure why this isn't working.. any ideas?
View 2 Replies
View Related
Mar 28, 2005
I am trying to validate my radio groups. I have a page which has about 30 questions. I have created a radio group for each questions. All questions are in a form. I just want to validate the radio buttons/groups to make sure all questions are answered when the submit button is pressed. I dont care which one is selected.
View 5 Replies
View Related
Dec 15, 2002
I'm using a form validation script that alerts fine for all fields, except when adding in any radio buttons. Code:
View 2 Replies
View Related
Apr 6, 2011
For some reason when I try to submit my form in IE8 it doesn't get past the radio group.It keeps asking me to select an age even after one has been selected. Validation works but it's not picking up that I have selected one of the items within the group.
View 1 Replies
View Related
Jun 18, 2010
In "validateField" function radio is not exists and I don't know how can I add a validation rule for radio buttons. My code is attached.
View 1 Replies
View Related
Jun 11, 2007
I'm working on validating radio buttons in a form. I want to require that a button be selected from required radio button groups before accepting the submit. Not all the radio button groups are required to have a selection.
One problem I'm having is that I can't return the name of the radio button group. I want to switch case on the name of the radio button group.
I do have an id for each individual radio button, so I can confirm that the for loops are working, but my alert tells me that radiogroups[j] is an [object] and radiogroups[j].name is undefined.
And there is a problem with the logic, too. If just one of the radio button sets is checked, the form validates. Code:
View 17 Replies
View Related
Jan 28, 2009
I can't seem to get a alert/popup when checking if on the form no radio button selection has been made...
<script type="text/javascript">
function validate()
{
if (document.orderForm.groupSize[0].checked == false )
{
alert ("none selected")
[Code]...
I want to check all 4 radio buttons in this example and show a message if none have been picked...
View 1 Replies
View Related
Jan 28, 2007
I'm using it for form validation. The way I have it set up works great to validate the text areas of the form, but I also have a field of radio buttons that I need the user to select at least one radio button. Here's how I have the validation code set up: Code:
View 5 Replies
View Related
Oct 28, 2011
I'm having a problem with some code, here's the code below:
HTML Code:
If someone hits submit without selecting yes or no the validation pops up asking them to make the selection. After they close out the pop up box the form action still passes them along to the congratulations_aff.php page.
How and why is that passing them on even if they didn't make a selection with the radio buttons?
View 14 Replies
View Related
Jan 15, 2006
In my HTML, I have several of the following:
<input type='checkbox' name='right[]' id='right[]' value=Ɔ' />
All are the same except the value is set differently for each one. The
reason for the [] is so I can access the checkbox values as an array on
the processing page (when clicking 'Submit');
However, I want my Javascript code to examine these objects first. My
onclick event handler function (below) is called (I get the 'hi there'
popup), but it does nothing afterward (i.e., neither 'checkbox' alert
appears, and the handler, strangely, seems to return 'true').
I suppose my problem is that I am not specifying the checkbox array
properly. I tried several variations, but I've been working on this
problem alone for several hours and am getting nowhere. Code:
View 9 Replies
View Related