ansaurus

Question

Answer 1

+3 A:

You can use specific libs like jQuery Validate (or whatever your JS framework offers) on form submit. The other solution is to control the value on the keyUp & blur events but it can become quite messy to decide what to do with ill-formated entry (especially when the format is a bit complex -- ie not just undesired characters). So, all in all, I'd recommend client-side control on submit.

Julian Aubourg 2009-03-18 09:24:02

i already have form submit validation method :D

Dels 2009-03-19 01:15:28

Answer 2

+6 A:

This might help you.

http://www.w3schools.com/jsref/event_onkeydown.asp

<html>
<body>

<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
var numcheck;

if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
keychar = String.fromCharCode(keynum);
numcheck = /\d/;
return !numcheck.test(keychar);
}
</script>

<form>
<input type="text" onkeydown="return noNumbers(event)" />
</form>

</body>
</html>

Eibx 2009-03-18 09:30:03

Yes, that works for simple character filtering... but what about full-fledged formats like a date ("mm/dd/yy"). You cannot just return false if it's not the proper format or else you won't ever be able to enter the first digits.

Julian Aubourg 2009-03-18 09:41:39

No that's true, but it gives a certain idea on how it could be made. Fx. you would only be able to type 0 and 1 in the first charecter of the date string. If the user would type a number above that, the number wouldn't be registered. But yes this specific codes does not do the whole magic.

Eibx 2009-03-18 11:22:35

yeah, I just commented for clarity ;)

Julian Aubourg 2009-03-18 15:06:00

Answer 3

+3 A:

This question has already an accepted answer, but I think there is a better solution to this. You don't have to implement that yourself on keydown etc., there are libraries for that. They call the technique you describe "input masks". Check out this jQuery plugin it does exactly what you want.

Tim Büthe 2009-04-07 07:42:38

ansaurus

tags:

views:

answers:

restrict user input using javascript

related questions