[RESOLVED] input required

rkeppert

How can I make the following input box require at least 3 characters? Possibly with a pop-up notification box?


  <input name="lastname" type="text" id="lastname" size="30" maxlength="30" onChange="javascript:this.value=this.value.toUpperCase();" onKeyUp="highlight(event)" onClick="highlight(event)">

Thanks.

Rob

Neumy

Sounds like a JavaScript solution, I'd add another function to quickly check the value. Here's a quick example:

<html>
<head>
<title>Test</title>
<script>
<!--
function checkLength(val)
{
	if(val.value.length > 3)
	{
		alert("Error: Maximum length of text is 3 character long.");
	}
}
-->
</script>
</head>

<body>
<input type='text' onBlur='checkLength(this)'>
</body>
</html>

rkeppert

Just one question.... this also displays when the submit button on the form is clicked, but continues the form processing... how do I stop it from processing the form?


<script>
<!--
function checkLength(val)
{
	if(val.value.length < 3)
	{
		alert("Error: Minimum length of text is 3 characters.");
	}
}
-->
</script>

Thanks.

Rob

Neumy

One way of doing this is to check all your variables when you submit the form.

-) Change your <input type='submit'> to <input type='button' onClick='varCheck()'>

-) Add the JavaScript function to check all the textfields you want to validate.

function varCheck()
{
	error=0;
	lastname = document.form.lastname.value;
	if(lastname.length =< 3)
	{
		error=1;
		alert("Error: Minimum length of text is 3 character long.");
	}
	// insert all your other variable checks here in the same format as above
	if(error==0)
	{
		document.form.submit();
	}
}

This way, your users can enter whatever they want; but it will only check the varibles when their trying to submit the form - and only successfully submit if there are no errors in the variables.

If you do something like this, you will probably also want to double check all your variables in PHP when you're pulling them out of your GET/POST.

rkeppert

<sigh>... when you click the button, absolutely nothing happens....

rkeppert

nevermind.... i got it to work correctly.

thanks