I'm working on a form. The one thing i can't get to work is the following:
When a radio button "creditcard" is checked, the form can only be submitted if the age in the textfield(on the top of the page, textfield "leeftijd") is over 18.
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 RelatedI'm only validating one (Consent) radio button with this code but I need to validate multiple different questions/buttons.
<script>
function getRBtnName(GrpName) {
var sel = document.getElementsByName(GrpName);
var fnd = -1;
var str = '';
for (var i=0; i<sel.length; i++) {
if (sel[i].checked == true) { str = sel[i].value; fnd = i; }
} return fnd;
}
function checkForm() {
var chosen = getRBtnName('Consent');
if (chosen < 0) {
alert( "Please choose one answer when you are asked to select a number." );
return false;
} else { return true; }
}
</script>
<form action="congratulations_aff.php" method="post" name="congratulations_aff" onSubmit="return checkForm()">
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td colspan="3">I consent to providing my electronic signature.</p></td>
</tr>
<tr>
<td colspan="3" valign="top">
<input type="radio" name="Consent" value="Y" />
Yes
<input type="radio" name="Consent" value="N" />
No
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td>I consent to electronic receipt of my information reporting documentation.</td>
</tr> <tr>
<td valign="top">
<input type="radio" name="Consent1099YesNo" value="Y" />
Yes
<input type="radio" name="Consent1099YesNo" value="N" />
No</td>
</tr>
<tr>
<td valign="top">
For tax purposes are you a U.S. citizen, U.S. resident, U.S. partnership, or U.S. corporation?
<input type="radio" name="USPersonYesNo" value="Y" /> Yes
<input type="radio" name="USPersonYesNo" value="N" /> No
</tr> </table>
<input type="submit" value="submit" value="Submit" />
</form>
Does anybody know how i check to see if the radio button is select and also can anybody tell me how i can check for an email in the correct format the function isValidEmail in the above alows emails to pass through.
View 4 Replies View RelatedI have a form that has 4 "required fields" that validate using JS. I am now trying to add a 5th "required field" (the difference is that this field is a "radio button input as opposed to a text input).
I have it working so that when the 1st radio button is selected, the form will go through. However, when the 2nd radio button is selected, it comes up with the "please fill in all required fields" error.
Here is the JS I have so far:
HTML Code:
I tried adding the 2nd radio button value like this:
HTML Code:
(document.indiv_reg.skill[0].checked =="") || (document.indiv_reg.skill[1].checked =="") But when I do that, then even when the 1st radio button is selected it comes up with the "please fill out all required fields error".
PHP Code:
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?
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 RelatedI 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]....
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...
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?
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:
How would i check to see if my radio button is not checked.
I know in javascript the term "checked" works.
Is there a way to us unchecked?
Here is what i am trying to figure out.
I'm getting into javascript coding and i'm stumped with some problem about radio buttons. What I would like is to have a general function where I can pass in any group of radio buttons and have it return the textual value of the radio button selected.
First, here is my code so far.
Now here's a sample form:
My question is, when i run this function and pass it in the group of radio buttons by means of the onclick event handler, firefox 3.6.22 reports in the error console on line 22 that "options[index] is undefined". It seems that if i use the variable "index" more than one time it reports this error but if I take out the assignment to variable "choice" that it works just fine.
I rewrote the function using a separate variable and this time it works perfectly:
Notice the indexing variables in the "if" statement and the assignment to "choice" are different.
What my script does is if you do not select a radio button and you hit submit an error will pop up saying please select game1. this is taken from the name of the radio button.. How can i make it so it prints out the VALUES of the 2 radio buttons. end result should print please select Baltimore Ravens vs. [code]...
View 3 Replies View RelatedI have a list of radio buttons, all with the same name, and each has adifferent value.I want a validator that tests if one is picked.
View 2 Replies View RelatedI am using ASP validators and I have a contact form. I want to be able to have a phone and email radio button group. The email textbox also has a RegularExpressionValidatorIf the phone item is selected then I want the validation to be enabled on the phone text box making it mandatory while the email text box isn't, and if they choose the email as the contact it will be reversed.I want to be able to do this without having to do a postback.I already have the logic on the code behind and the enquiry object.also I am fairly new to javascript so I have been using mostly jQuery as easier to implement
View 1 Replies View RelatedI got a form page with 3 radio buttons. Radio button ,say A,B,C.billing and shipping address is what the form page consists of . Onclikc of A the user selects hide shipping address. On click of b , copy billing to shipping address as well and on click of C, user would type in a diff shipping address... All works fine.but when i submit the form, and if form not complete, the after validation forms gets all the value but do not retain the selected radio button and the shipping form elements disabled or hidden status..
View 2 Replies View RelatedI am trying to produce a web form to allow wedding guests to RSVP. The form allows them to enter a name and select from a radio button whether they will be attending or not. If they select the "yes" radio button then a further pair of radio buttons are displayed for their meal preference.
They can then click a submit button or they can click another button to add another line for another guest which operates in exactly the same way. I've almost got this working, but it seems that the checkbox change handler is lost for the current guest when a new guest is added and the checkbox value is reset. I've got a feeling I'm doing something stupid but can't for the life of me figure out what.
Code (source file (renamed to .txt) also attached as I'm not sure the pasted code is too clear):
I'm trying to get my radio buttons to work. some one say to me to give each radio button an unique ID and then check to see if said ID is checked. And to add the following.
document.getElementById("ID").checked==true I have three radio buttons but I'm just showing one here.
[Code]...
So i have a form that has 3 radio buttons and i want to validate so that you must select at least 2 Yes's. I am new to javascript so excuse my poorly written statement. It is non-functional, how to change this in order to make it functional.
Code:
I have this calculator function I made to do some simple math and output the solution in a field on a form. I had it working great until I introduced a radio button. There are no errors and the total is still outputted but the number is off and if I change the radio to the other option it doesn't change the total. Here is my code,
function calculateBudget()
{
var i;
var list = 0;
var listcost = document.getElementsByName('form[listcost]');
[Code]....
I have this code in a jsp file
Code:
<%for(int icounter = 0; icounter < Integer.parseInt(sCount);icounter++)
{
%>
<TD><INPUT type="radio" name="custom.radioType" id="radioType" value ="<%=sValues[4 + 21 * icounter] %>" > </TD>
[code]...
This page has lots of records based on the number of record data in database. it may print one row in the screen or multiple records, with a radio button in each record. user has to select one radio button to view more details of the record. the radio button has to selected if the user wishes to see more detials of a record.I have used the following code for validation.
Code:
function fnValidate()
{
for(var i =0;i<form1.radioType.length;i++)
[code]....
This validation is working when the number of records is more than 1. If the record is only one, then the validation is not working.Even if the user selects the only radio button on the screen, the validation is failing and does not allow to proceed further.
I'm trying to reset a form so that no radio buttons are selected. The code works in Firefox 3.5.7, Chrome 3, and Safari 4.0.3. However, in IE 8 only the 1st radio button is correctly cleared. If I check the 2nd radio button and click the clear button, the 2nd radio button IS NOT cleared. The following HTML should reproduce the issue. Can others reproduce this? [code]...
View 4 Replies View RelatedI'm checking for a radio button's value and hiding/showing a node based on that value, but it's not working right. Two radio buttons: one's value is yes, the other no. If you click on yes, the div shows up. When you click no, it hides, so that works.
But I have a list of checkboxes that also may or may not show that element based on the radio button selection, and it's this part that isn't working.
$('[name="'+obj.name+'"]:checkbox').click(function () {
aThroughS = ($('[name="'+obj.name+'"]:checkbox:lt(19):checked').length > 0),
tSelected = ($('[name="'+obj.name+'"]:checkbox:eq(19):checked').length > 0),
rSelected = ($('[name="'+obj.name+'"]:checkbox:eq(17):checked').length > 0),
[Code].....
I have an input: <input type="radio" id="foo" name="bar" value="baz" style="display: none;"/>
And I am trying to check the radio button using:
$(function() {
$("#foo").attr('checked','checked')});
It doesnt seem to work. I have tried
$("#foo").attr('checked',true) and no luck.
I am using Chrome. I have looked at all the sources on the web, and the above two methods were the general solutions, but neither work for me for some reason.
I have the following code which aims to change the color of a parent div when the user unselects the radio button. However it doesn't work.
<div class="jquerycorner"><input type="radio" name="hat" value="4" onblur="if(!this.checked) { this.parentNode.style.backgroundColor='#000000';}">10</div>
However the following code works when I try to detect radio button selection.
<div class="jquerycorner"><input type="radio" name="hat" value="1" onclick="this.parentNode.style.backgroundColor='#FFC0CB';">5</div>