JQuery验证 - 如果用户附加空格,电子邮件验证无效......?

时间:2014-05-29 07:00:54

标签: javascript jquery jquery-validate

我正在使用JQueryvalidation库,当用户向输入字段添加空格时,在使用电子邮件规则执行验证时会导致错误消息。如何防止此行为,以便不提示用户显示错误消息?

<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

这是验证码。

$(document).ready(function() {

    //Registration Form Validation
    var validator = $("#registerForm").validate({

        rules: {
            //Registration Form Validation
            "register[fullName]": {
                required: true,
                minlength: 4,
                maxlength: 48
            },
            "register[email]": {
                required: true,
                email:true,
                maxlength: 64
            },

        },

        messages: {
            //Registration Form Validation
            "register[fullName]": {
                required: "Full Name Required."
            },
            "register[email]": {
                required:"Email Required",
                email:"Please enter a valid email."

        },

        errorPlacement: function(error, element){
            error.appendTo(element.parent());
            error.addClass("errorMessages");
        }

    });

})

1 个答案:

答案 0 :(得分:1)

email:true将输入验证为电子邮件。电子邮件地址中不允许有空格,因此存在错误。实现所需内容的一种方法是删除email:true行并创建正则表达式验证