技术问询：如何将ready事件替换为keyup事件？

Hey there! Let's tweak your code so the validation triggers on keyup instead of just setting it up when the page loads. Here's the proper way to do this with the jQuery Validate plugin:

$(document).ready(function(){
  // 首先初始化表单的验证规则
  $('#coke').validate({
    rules : {
      coek : { // 小提醒：这个名称要和你输入框的`name`属性完全匹配哦！
        required: true,
        minlength: 6,
        maxlength: 6
      }
    },
    messages: {},
    errorElement : 'div',
    errorLabelContainer: '.errorTxt',
    // 开启keyup时的验证（如果需要自定义逻辑可以在这里修改）
    onkeyup: function(element) {
      $(element).valid(); // 用户输入时触发当前输入框的验证
    }
  });

  // 另一种方式：手动绑定keyup事件触发整个表单验证
  // $('#coke input[name="coek"]').on('keyup', function() {
  //   $('#coke').valid();
  // });
});

几个小提示： #

• 我们依然需要在document.ready里初始化验证规则——这是jQuery Validate插件的基础要求，得先告诉它你的表单要遵循什么规则。
• onkeyup是插件自带的选项，其实默认就是开启keyup验证的，但显式定义它可以让你自定义触发逻辑（比如跳过某些输入框的验证）。
• 一定要检查规则里的coek和输入框的name属性是否一致，不匹配的话验证根本不会生效！
• 如果你想要更灵活的控制，注释里的代码展示了如何手动绑定keyup事件，触发整个表单（或指定输入框）的验证。

内容的提问来源于stack exchange，提问作者Anggi alansori