CSDunn wrote:
Hello,
I need to apply validation to two text boxes. One text box named
FirstNumber is required to contain only numbers, and be only three
digits long.
The other text box named SecondNumber needs to also require only
numbers, but allow for four digits.
I need to have a msg box appear after the user clicks a button named
'submit' if the validation on either text box has been violated.
I spend most of my time writing SQL, and I'm not well versed at all
with JavaScript.
Please help!
Thanks!
CSDunn
The textbox maxlength can be taken care of through HTML:
<form action="myHandler.php" method="post" onsubmit="return validateForm()">
<label for="FirstNumber">First Number: </label>
<input id="FirstNumber" name="FirstNumber" type="text" size="5"
maxlength="3" />
<br />
<label for="SecondNumber">Second Number: </label>
<input id="SecondNumber" name="SecondNumber" type="text" size="5"
maxlength="4" />
<br />
<button type="submit">Submit Form</button>
</form>
Somewhere in your head:
<script type="text/javascript">
function validateForm() {
var onlyNums = new RegExp(/^\D+$/); // matches one or more non-digits.
var firstString = document.forms[0].elements["FirstNumber"].value;
if((onlyNums.test(firstString)) || (onlyNums.test(secondString))) {
alert("You can only use numbers in this form.");
return false;
}
else {
return true;
}
}
</script>
Javascript uses Perl-type regular expressions.