EmailAddress Validation ModelValidation甚至在用户完成数据输入之前就自动启动

Question

我正在使用数据注释来验证mvc4模型。现场

 [Required(ErrorMessage="Please fill your Email Address")]        
    [EmailAddress(ErrorMessage="Please enter your active email so we can reply to your email.")]
    public string UserEmail { get; set; }

在我看来

 <div class="form-group has-feedback">
                        <label class="sr-only" for="email2">Email address</label>
                        @Html.TextBoxFor(model => model.UserEmail, new { @class = "form-control", placeholder = "User Email", id = "useremail" })
                        @Html.ValidationMessageFor(model => model.UserEmail, string.Empty, new { @style = "color:red", @class = ".field-validation-error", id = "valUserEmail" })
                        <i class="fa fa-envelope form-control-feedback"></i>
                    </div>

这里的问题是，我开始在我的电子邮件地址字段中输入数据，当我开始输入数据时，甚至在我将数据输入字段之前，我就会收到验证消息。当我输入完正确的数据后，这将消失，但如果用户在输入数据之前就看到错误消息，这对用户来说很烦人。

任何建议都会很有帮助。

提前谢谢。

Answer 1

默认情况下，客户端验证与keyUp事件一起工作。您可以通过更改jquery validate:的设置来更改它

var validator = $("form").data("validator");
if (validator) {
    validator.settings.onkeyup = false; // disable validation on keyup
}

甚至禁用特定输入的keyUp事件：

$('form').validate({
   rules: {
     [...]
   }
} 
// Disable keyup validation for UserEmail field
$("[data-val-UserEmail]").keyup(function() { return false } );