Validating form input fields while typing using jQuery?

Question

I have script :

<script>
jQuery(document).ready(function($) {

    var firstname = "/^[A-Za-z]+$/";
    var email = /^[ ]*([^@@\s]+)@@((?:[-a-z0-9]+\.)+[a-z]{2,})[ ]*$/i;

    jQuery('input#firstname').bind('input propertychange', function() {
        if (firstname.test(jQuery(this).val())) {
            jQuery(this).css({
                'background': '#C2D699'
            });
        } else {
            jQuery(this).css({
                'background': '#FFC2C2'
            });
        }
    });

    jQuery('input#email').bind('input propertychange', function() {
        if (email.test(jQuery(this).val())) {
            jQuery(this).css({
                'background': '#C2D699'
            });
        } else {
            jQuery(this).css({
                'background': '#FFC2C2'
            });
        }
    });
});
</script>

and in view i have two textboxes in my view:

 @Html.TextBoxFor(m => m.Register.FirstName, new { id = "firstname", @class = "form-control", @maxlength = "16" })
 @Html.TextBoxFor(m => m.Register.Email, new { id = "email", @class = "form-control", @type = "email" })

For email validation is working but for firstname its not..What im doing wrong?

Tushar · Accepted Answer · 2015-06-04 13:06:53Z

5

You don't need quotes around regex of firstname.

var firstname = "/^[A-Za-z]+$/"; // string
//              ^             ^

Use:

var firstname = /^[A-Za-z]+$/; // `regex`

answered Jun 4, 2015 at 13:06

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

1 Comment

None Over a year ago

Thats it...tnx...i cant accept your answer for 8 more minutes but i will :)

Collectives™ on Stack Overflow

Validating form input fields while typing using jQuery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related