(Jquery Validate) onkeyup: false 适用于一个字段，直到我第二次选择它

Question

我正在处理一个大型的遗留 Asp.Net 网络表单项目。我有一个字段可以访问我们的服务器以检查验证的唯一性。此过程中的所有内容都在工作，除了重要字段将在更改焦点后在 keyup 上验证，然后重新关注该字段。该字段是一个简单的 html 输入。在其他事件中，我尝试将 onkeyup 设置为 false。我曾尝试使用自定义 onkeyup。无论我尝试什么，keyup 验证都会不断返回。

用户将专注于该字段并输入他们的数据。在初始输入期间，验证不会触发，直到焦点更改。然后，当用户再次关注该字段时，验证会在每个键上触发。我必须阻止这种行为以减少网络流量。否则，我会称之为好并继续前进。非常感谢任何建议。以下代码是从项目中简化的，但仍然给我提到的行为。如果我能澄清任何事情，请告诉我。

jQuery v3.4.1 jQuery 验证插件 - v1.19.0

<form id="form1" runat="server">
        <div style="padding: 100px;">
            <div class="control-group">
                <label for="claimNumber" class="control-label" style="width: 200px;">Claim #*</label>
                <div class="controls" style="margin-left:20px">
                    <input type="text" class="form-control span3" id="claimNumber" name="claimNumber" maxlength="128"/>
                    <button style="margin-left: 10px">Validate</button>
                </div>
            </div>
        </div>
    </form>
    <script>
        var isUsed;
        var form = $("#form1").show();
        
        var form1ValidationRules = {
             rules: {
                claimNumber: {
                    uniqueClaim: true,
                    required: true
                }
            }
        };

        var validateForm = function () {
            $('input,select,textarea', 'div.hide').not('input[type=radio]').each(function () {
                $(this).val('');
            });

            return $("#form1").validate(form1ValidationRules).form();
        };

        $(document).ready(function () {
            $.validator.addMethod(
                "uniqueClaim",
                function () {
                    console.log("validating");

                    return (isUsed == false)
                },
                "Claim number is already in use for your company."
            );


            $('form#form1').validate(form1ValidationRules);

            $('#myform').validate({
                onkeyup: false
            });
            
        });
    </script>

Answer 1

$('form#form1').validate(form1ValidationRules);

$('#myform').validate({
    onkeyup: false
});

• $myform 在哪里？那将是一个带有id="myform" 的表格。您似乎已将 .validate() 附加到此代码中不存在的表单。此调用将被忽略。

• 如果它应该是同一个表单并且您修复了#myform 选择器，它仍然无法工作，因为您在同一个表单上调用了两次.validate()。第二次调用将被忽略。

• 如果您在 ASP 项目中使用 Unobtrusive Validation 插件，那么您将在同一个表单上调用 .validate() 三次。由 Unobtrusive 插件自动创建的 .validate() 调用将首先被调用，其他调用将被忽略。

jQuery Validate 插件使用.validate() 一次性初始化表单上的插件。如果.validate()被多次调用，所有后续调用都会被忽略。

拥有 Unobtrusive 的 ASP 用户通常使用 the .setDefaults() method 来覆盖由 Unobtrusive 创建的任何 jQuery Validate 设置。请记住，这会覆盖页面上所有表单的 jQuery Validate 设置。