timmackay timmackay - 6 days ago 5
jQuery Question

jQuery Validate method checking for special characters

I am trying (and failing) to write a regular expression statement that checks for special characters such as !@#$%^&*()_+<>?'"{}[] in my Javascript form validation.

I understand that this has probably been asked 1000 times but i'm under some serious time pressure. If you would rather not answer the question below and you are able to point me in the direction of a previous answer to the above question I would greatly appreciate it.

On a similar note, can anyone tell me why the following is shooting an error when I enter lowercase 'abc', etc? I'm baffled.

jQuery.validator.addMethod("specialChars", function( value, element ) {
var regex = new RegExp("^[a-zA-Z0-9]+$");
var key = String.fromCharCode(event.charCode ? event.which : event.charCode);

if (!regex.test(key)) {
event.preventDefault();
return false;
}
}, "please use only alphanumeric or alphabetic characters");

Answer

Instead of writing your own custom method from scratch, include the additional-methods.js file and use the alphanumeric rule.

$(document).ready(function () {

    $('#myform').validate({
        rules: {
            field: {
                alphanumeric: true
            }
        }
    });

});

Demo: http://jsfiddle.net/YsAKx/


If you don't want to include an additional external file, simply copy the default alphanumeric method out of it...

jQuery.validator.addMethod("alphanumeric", function(value, element) {
    return this.optional(element) || /^\w+$/i.test(value);
}, "Letters, numbers, and underscores only please");
Comments