LelloLello
asked on
Required Field
I have the following code:
I would like to a professional required field, but I would like the required field to be like this form in red on the same page. which script i should use.
I have the following code. I would like to add a script to indicate a required field for question 1.
http://www.bendixvrc.com/register.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Radio buttons</title>
<script type="text/javascript">
function checkme(ele){
var inputbox = document.getElementById("s
if(ele.value=="Yes"){
inputbox.style.display="bl
var er = document.getElementById("e
er.style.display="none";
}else{
inputbox.style.display="no
}
}
function checksubmit(f){
var radio = f.contactMeYes.value;
var inputbox = f.ContactMeSpecify.value;
if(radio=="Yes" && inputbox==""){
var er = document.getElementById("e
er.style.display="inline";
return false;
}else{
var er = document.getElementById("e
er.style.display="none";
return true;
}
}
</script>
</head>
<body>
<form id="form1" name="form1" onSubmit="return checksubmit(this);" action="" method="post">
(* indicates a required field)
1. Any specific needs <b>*</b><br>
<label><input type="radio" name="contactMe" id="contactMeYes" value="Yes" onClick="checkme(this);"/>
<label><input type="radio" name="contactMe" id="contactMeNo" value="No" onClick="checkme(this);"/>
<div id="specify" style="display:none;">
<label>Please specify:
<input type="text" name="ContactMeSpecify" id="ContactMeSpecify" value="" maxlength="255" size="30" style="width: 200px;">
</label>
<p id="error" style="color:red;display:n
</div>
<input type="submit"/>
</form>
</body>
</html>
I would like to a professional required field, but I would like the required field to be like this form in red on the same page. which script i should use.
I have the following code. I would like to add a script to indicate a required field for question 1.
http://www.bendixvrc.com/register.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Radio buttons</title>
<script type="text/javascript">
function checkme(ele){
var inputbox = document.getElementById("s
if(ele.value=="Yes"){
inputbox.style.display="bl
var er = document.getElementById("e
er.style.display="none";
}else{
inputbox.style.display="no
}
}
function checksubmit(f){
var radio = f.contactMeYes.value;
var inputbox = f.ContactMeSpecify.value;
if(radio=="Yes" && inputbox==""){
var er = document.getElementById("e
er.style.display="inline";
return false;
}else{
var er = document.getElementById("e
er.style.display="none";
return true;
}
}
</script>
</head>
<body>
<form id="form1" name="form1" onSubmit="return checksubmit(this);" action="" method="post">
(* indicates a required field)
1. Any specific needs <b>*</b><br>
<label><input type="radio" name="contactMe" id="contactMeYes" value="Yes" onClick="checkme(this);"/>
<label><input type="radio" name="contactMe" id="contactMeNo" value="No" onClick="checkme(this);"/>
<div id="specify" style="display:none;">
<label>Please specify:
<input type="text" name="ContactMeSpecify" id="ContactMeSpecify" value="" maxlength="255" size="30" style="width: 200px;">
</label>
<p id="error" style="color:red;display:n
</div>
<input type="submit"/>
</form>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Change this
to this
...but you should have a default value assigned in the first place.
So, change this:
to this:
if(radio=="Yes" && inputbox==""){to this
if(radio=="Yes" && inputbox=="" || radio==""){...but you should have a default value assigned in the first place.
So, change this:
<input type="radio" name="contactMe" id="contactMeNo" value="No" onClick="checkme(this);"/>to this:
<input type="radio" name="contactMe" id="contactMeNo" value="No" onClick="checkme(this);" checked="checked"/>ASKER
Thank you for your reply.
But, no it's a good idea... Just to le tyou know that 'no' or 'yes' shouldn't be checked... the user has to checked so if he didn't checked a msg should show please complete required field question 1.
But, no it's a good idea... Just to le tyou know that 'no' or 'yes' shouldn't be checked... the user has to checked so if he didn't checked a msg should show please complete required field question 1.
ASKER
it's not the color... If the user click submit without clicking the radio button a message should appear say please complete question 1. now it's not working.