javascript - Jquery 验证。验证 "keyup"并在密码正确时隐藏表单

Question

我想实现一个不常见的功能，我认为 jquery 验证插件将是最好的方法(如果您在没有插件的情况下建议和回答，我们也会欢迎)。我想在用户在输入字段中输入正确的单词后立即隐藏表单。 我试过这个:

  $("#beta_form").validate({
    onsubmit: false,
    onkeyup: true,
    rules: {
        beta_password: "1789"
    },
    success: function(){
        $("#beta_form").addClass("hidden");
    }
  });

因此，一旦用户输入“1789”(无需点击提交)，表单就会隐藏。

我收到此错误:

 TypeError: settings[eventType].call is not a function

Answer 1

我没有使用验证插件就完成了

HTML:

<form id="formid">
    <input type="text" id="password" ></input>
    <input type="submit"></input>
</form>

Jquery:

$("#password").keyup(function(e){
    if($(this).val() ==='1789'){
        $("#formid").hide();
    }
});

Working Fiddle