Mark wrote:
[color=blue]
> Im trying to figure out how I can have data validated in a text input form.
> Basically the data entered into the form must consist of 2 uppercase letters
> followed by 5 non negative numbers with no spaces in between. I want it to
> display an error message if the letters arent in uppercase & if any of the
> numbers are negative. Ive figured out how to validate text, but not a
> mixture of text & numbers.[/color]
Regular expressions are the method of choice here. You need to test if the
Regular expression matches against the value of a form element. If so, you
return true to the onsubmit event handler, false otherwise.
<script type="text/javascript" language="JavaScript">
<!--
function checkMe(s)
{
if (/^[A-Z]{2}[0-9]{5}$/.test(s))
return true;
else
{
alert("Error!"); // you should be more descriptive here ;-)
return false;
}
}
//-->
</script>
<form ... onsubmit="return checkMe(this.elements['foobar'].value)">
...
<input name="foobar" ...>
...
<input type="submit" ...>
</form>
See
http://devedge.netscape.com/library/...p.html#1010922
for details.
Keep in mind that server-side checking is also required as
client-side JavaScript can be disabled or not supported. The
client-side form checking can merely reduce network traffic
and server requests.
HTH
PointedEars
