javascript - I am trying to make a text box only be able to have 4 Digits within it -
i trying make text box allow maximum of 4 digits within , make alert message box if there less 4. have managed using code.
<tr> <td id="examnumber">examnumber </td> <td> <input type="text" name="examnumber" maxlength="4" <font size="1">(maximum characters: 4)</font> </td> </tr> if (document.examentry.examnumber.value.length!=4) { msg+="you must enter @ least 4 numbers in examination number \n"; document.examentry.examnumber.focus(); document.getelementbyid('examnumber').style.color="red"; result = false; } however textbox has shrunk in size , looks odd compared other text boxes in code , not digits there still letters , symbols allowed within text field. please , thank in advance. full list of code below if helps:
<head> <title>exam entry form</title> <script language = "javascript" type = "text/javascript"> function validateform() { var result = true; var msg=""; if (document.examentry.name.value=="") { msg+="you must enter name \n"; document.examentry.name.focus(); document.getelementbyid('name').style.color="red"; result = false; } if (document.examentry.subject.value=="") { msg+="you must enter subject \n"; document.examentry.subject.focus(); document.getelementbyid('subject').style.color="red"; result = false; } if (document.examentry.examnumber.value=="") { msg+="you must enter exam number \n"; document.examentry.examnumber.focus(); document.getelementbyid('examnumber').style.color="red"; result = false; } if (document.examentry.examnumber.value.length!=4) { msg+="you must enter @ least 4 numbers in examination number \n"; document.examentry.examnumber.focus(); document.getelementbyid('examnumber').style.color="red"; result = false; } if(msg==""){ return result; } { alert(msg) return result; } } </script> </head> <body> <h1>exam entry form</h1> <form name="examentry" method="post" action="success.html"> <table width="50%" border ="0"> <tr> <td id="name">name</td> <td><input type="text" name="name" /></td> </tr> <tr> <td id="subject">subject</td> <td><input type="text" name="subject" /></td> </tr> <tr> <td id="examnumber">examnumber </td> <td> <input type="text" name="examnumber" maxlength="4" <font size="1">(maximum characters: 4)</font> </td> </tr> <tr> <td><input type="submit" name="submit" value="submit" onclick="return validateform();" \></td> <td><input type="reset" name="reset" value="reset" /></td> </tr> </table> </form> </body>
use below code on keypress allow numeric keys. , width of textbox, specify width in style.
function numericcharkeypress() { if ((event.keycode >= 48 && event.keycode <= 57)) { return true; } return false; }
Comments
Post a Comment