JQuery validation of non numeric field

Question

How do I validate a field to have only non numeric characters? I have a field for first name, which can only Use a-z A-Z and allow '-', whitespace between characters. I tried using firstName: { required: true, minlength: 2, maxlength: 32, digits: false },

But the digits rule just doesn't work when it's set to false

Are you trying to prevent a user from entering numbers or is this a form that needs validation upon submit? — Hacknightly
– Hacknightly, Commented Dec 8, 2011 at 20:02

Rondel · Accepted Answer · 2011-12-08 20:07:49Z

1

If you want to have the input masked so that they can't enter numbers at all, you can use this jQuery plugin http://hdserv.me/jQuery/Samples/jQuery%20AlphaNumeric.html. Then you can use

$('.sample3').alpha()

You can set the allow property to allow '-'. There are a bunch of examples on the site

answered Dec 8, 2011 at 20:07

Rondel

5,02111 gold badges45 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hacknightly Over a year ago

Wow, did not know about this plugin. Could come in handy. +1

The Maniac · Accepted Answer · 2011-12-08 20:16:07Z

0

You can use jQuery's filter function to filter out all of your inputs with values that don't match any regex. In the example below, I've added a class ('my-error-class') to all of the inputs that didn't match. You could do anything here. Also, I'm no regex pro, so I don't know if the dash inside the brackets needs to be escaped.

$('.some-inputs')
    .filter(function(index) {
        return !this.value.match(/[a-zA-Z\-\s]+/);
    })
    .addClass('my-error-class');

answered Dec 8, 2011 at 20:16

The Maniac

2,6233 gold badges20 silver badges29 bronze badges

Collectives™ on Stack Overflow

JQuery validation of non numeric field

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related