jQuery ASP.net MVC 3 jQuery Validation; 如何禁用Unobtrusive OnKeyUp

在本文中，我们将介绍如何使用jQuery和ASP.net MVC 3中的jQuery Validation插件，并提供示例说明如何禁用Unobtrusive OnKeyUp事件。

什么是jQuery Validation插件和Unobtrusive OnKeyUp?

jQuery Validation是一个非常流行的客户端表单验证插件，它可以帮助我们在浏览器端进行实时的表单验证。而Unobtrusive OnKeyUp是jQuery Validation插件的一种默认行为，它在用户每次敲击键盘时都会触发表单验证，以查看输入是否符合要求。

如何使用jQuery Validation插件

要使用jQuery Validation插件，我们需要引入jQuery库和jquery.validate.js文件到我们的ASP.net MVC 3项目中。然后，在我们的页面中，我们可以通过以下方式来启用表单验证：

<form id="myForm">
    <div>
        <label for="name">姓名：</label>
        <input type="text" id="name" name="name" required>
    </div>
    <div>
        <label for="email">邮箱：</label>
        <input type="email" id="email" name="email" required>
    </div>
    <div>
        <input type="submit" value="提交">
    </div>
</form>

<script>
    (document).ready(function () {("#myForm").validate();
    });
</script>

在上面的示例中，我们创建了一个简单的表单，其中包含了姓名和邮箱字段，并使用了必填字段的验证规则。然后，在JavaScript部分，我们调用了validate()方法来启动表单验证。

禁用Unobtrusive OnKeyUp

默认情况下，jQuery Validation插件会在用户敲击键盘时触发表单验证。但有时候我们并不希望在每次键盘敲击时都进行验证，特别是当我们的表单非常复杂时，频繁的验证会给用户带来不必要的干扰。

要禁用Unobtrusive OnKeyUp事件，我们可以使用setOnkeyup方法。该方法允许我们控制键盘敲击时是否触发表单验证。

下面是一个示例，展示了如何使用setOnkeyup方法禁用Unobtrusive OnKeyUp事件：

<script>
    (document).ready(function () {
        var validator =("#myForm").validate();
        validator.settings.onkeyup = false; // 禁用Unobtrusive OnKeyUp事件
    });
</script>

在上面的示例中，我们首先将validate()方法的返回值赋值给一个变量validator。然后，我们可以通过修改validator.settings.onkeyup的值来控制是否禁用Unobtrusive OnKeyUp事件。将其设置为false即可禁用该事件。

需要注意的是，虽然我们禁用了Unobtrusive OnKeyUp事件，但表单验证依然会在其他事件（如失去焦点事件）中进行。因此，只有键盘敲击事件被禁用，其他事件仍然会触发表单验证。