I'm sure this is a total newbie question but I'm going to ask anyways because I haven't been able to find the answer anywhere else.
How can I check input in a form to see if it complies with a specific format? For example, if I want to make sure that they have input a valid email address, how do I check that it has an "@" and a ".", or for a phone number how can I check that they have input a number that is 10 digits long and no longer? and that it's actually numbers and not a sentence?
Also, how can I set the size of the input boxes? I tried setting maxlength and different settings but nothing seemed to set it right.
I feel like I should send the code, so I'm going to post the form... even though I'm pretty sure my question is pretty self explanatory without the code:
- Code: Select all
<html>
<head>
<script language="javascript">
function validate(form)
{
if (form.name.value.length == 0)
{
alert("Please enter your name.");
form.name.focus();
return false;
}
if (form.hospital.value.length == 0)
{
alert("Please enter the name of the hospital you represent.");
form.hospital.focus();
return false;
}
if (form.email.value.length == 0)
{
alert("Please enter your email address.");
form.email.focus();
return false;
}
if (form.location.value.length == 0)
{
alert("Please enter your location.");
form.location.focus();
return false;
}
if (form.phone.value.length == 0)
{
alert("Please enter your phone number.");
form.phone.focus();
return false;
}
if (form.calltime.value.length == 0)
{
alert("Please enter a convenient time for us to call you.");
form.calltime.focus();
return false;
}
return true;
}
</script>
</head>
<body>
Please fill out the form below so we can contact you to set up an internet demo.</p>
<form name="form" action="mailform.php" method="POST">
(Fields marked with a * are required)</p>
*Name:
<input type="text" id="name" name="name"/>
</p>
*Email:
<input type="text" da id="email" name="email"/></p>
*Hospital:
<input type="text" id="hospital" name="hospital"/></p>
*Location:
<input type="text" id="location" name="location"/></p>
*Phone number:
<input id="phone" type="text" name="phone"/></p>
*Best time to Call:
<input type="text" id="calltime" name="calltime"/></p>
Comments:</p>
<textarea id="comments" name="comments"></textarea></p>
<input type="submit" value="Send!" id="submit" name="submit" onclick="return validate(form)"/></p>
</form>
</body>
</html>
Thanks!
-Brittny
Webmaster Theronyx.com[/code]
Form validation
Jul 8th, 2005, 17:33
LinkBacks (?)
