javascript regular expression related problem.

[Shrikanth Nekkanti]

Hi all,



I have created an HTML page.Which consists of two text fields.

I have used on keypress event to restrict user to enter only alphanumeric characters including space character in one text field and only numbers with only one dot(.) in other text field.

This is working fine when user enters values to those text fields using keyboard.

My problem is when user pastes data in those text fields special characters are also accepted which is not desirable.

I have used onPaste event and i am calling javascript function.Using regular expressions i am checking whether the pasted data is valid or not.

How to write that javascript function for onPaste event to validate two text fields,one to accept only alphanumeric characters including space and other to accept only numbers with only one dot(.) character.

Please help me out.

[Bear Bibeault]

Please do not post the same question more than once. I have closed your duplicate.

[Eric Pascarello]

you should be using onchange or onblue and not onpaste.

^[a-zA-Z\s]*$
^\d*\.\d*$

Eric

[Christophe Porteneuve]

Originally posted by Eric Pascarello:
you should be using onchange or onblue and not onpaste.

^[a-zA-Z\s]*$
^\d*\.\d*$

Eric

Actually if the first field goes alphanum, it would be ^[\w\s]*$.

Also, the thing with change/blur events is, they occur only once the user leaves the field, not when the value changes. There's no portable event for immediate change reaction, AFAIK.

A middle-of-the-road solution would be to periodically observe the field and strip whichever chars are invalid.

Something like this perhaps (untested):

var field1 = document.getElementById('edtAlphaNumSpace');
var oldValue1 = field1.value;
setInterval(function() {
  if (oldValue1 == field1.value)
    return;
  field1.value = field1.value.replace(/[^\w\s]+/g, '');
}, 250);
 
var field2 = document.getElementById('edtDigitsAndDot');
var oldValue2 = field2.value;
setInterval(function() { 
  if (oldValue2 == field2.value)
    return;
  if (!/^\d*\.\d*$/.test(field2.value))
    field2.value = oldValue2;
  else
    oldValue2 = field2.value;
}, 250);

Obviously, this should be namespaced and/or encapsulated properly, perhaps using Prototype's Field.Observer class�

[Ben Souther]

.