CodeAve.com CodeAve.com - JavaScript - Forms
ASP
JavaScript
·Document Info
·Forms
·Images
·Miscellaneous
·Navigation
·Script Writers
·Contents
·What's New?
CSS
HTML
Maps
Links
Mail List
Search
Sitemap


 


Textbox Length Validation
A textbox gives you an opportunity to allow people to submit a line of text as input in a form. There are a number of times when you want be certain that the input is not blank and fits within a specific minimum and maximum length range. The following example will only accept text input greater than three characters and less than ten characters. If the range is violated an alert box will display the number of characters entered and the valid length range. This script will also work on <textarear> </textarear> input field.
View the Output
Text View
Print View
Mail this Link
Download the Code

<html>
<title>CodeAve.com(JavaScript: Validate Text Input Length)</title>
<body bgcolor="#FFFFFF">
<center>

<script Language="JavaScript">
<!-- 
function Length_TextField_Validator()
{
// Check the length of the value of the element named text_name
// from the form named form_name if it's < 3 and > 10 characters
// display a message asking for different input
if ((form_name.text_name.value.length < 3) || (form_name.text_name.value.length > 10))
{
// Build alert box message showing how many characters entered
mesg = "You have entered " + form_name.text_name.value.length + " character(s)\n"
mesg = mesg + "Valid entries are between 3 and 10 characters.\n"
mesg = mesg + "Please verify your input and submit again."
alert(mesg);
// Place the cursor on the field for revision
form_name.text_name.focus();
// return false to stop further processing
return (false);
}
// If text_name is not null continue processing
return (true);
}
-->
</script>


<form name="form_name" method="get" action="http://www.codeave.com/html/get.asp" 
onsubmit="return Length_TextField_Validator()">
<input type="text" name="text_name">
<input type="submit" value="Submit">
</form>

</center>
</body>
</html>

 

 

 



ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
Server Variables | Response Objects | Random Events | Miscellaneous
HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
JavaScript: Document Info | Forms | Images | Navigation | Script Writers
CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
Maps: Map Script Writers | Bing Maps | Google Maps
Privacy Statement

CodeAve.com is hosted by MyHosting.com
Donate Food Online with a Mouse Click at TheHungerSite.com
Donate Land Online with a Mouse Click at TheRainForestSite.com
© 1999 - 2010 CodeAve.com
All Rights Reserved