Controling input box content

Javascript - Forms

Controling input box content

Simply copy and paste the following code inside an html page and run it from a browser (tested on IE & Mozilla).
If you want to see the live result (we believe this is the best way to learn what is the script about), try it here (new window).

<html> <head> <script type="text/javascript"> var phone = "()- 0123456789"; var alpha = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; function controlchars(thestr,controlstr) { if(controlstr.indexOf(thestr.value.charAt(thestr.value.length - 1)) == -1) { var x=thestr.value.length - 1; thestr.value=thestr.value.substring(0,x) } } </script> <body> <p> Enter a phone number please:<br /> <input type="text" value="" onkeyup="javascript:controlchars(this,phone);" /> </p> <p> Enter your name here:<br /> <input type="text" onkeyup="javascript:controlchars(this,alpha);" value="" /> </p> </body> </html>

Notes:
- simply change the data according to your needs and the form;
- there might be some missing control when you type continuously;
- If you paste the data inside the form, it won't be controled as well (we should also use the onpaste event control);

More information here:
MSDN -- Events DHTML

Comments

Post the first comment now
or discuss about it at this address:
Forum - Javascript