Question

我想实现一个不常见的功能，我认为jquery validate插件将是最好的方法（如果你建议并回答没有插件，它也会受到欢迎）。我想在用户输入输入字段上的正确单词后立即隐藏表单。我试过这个：

  $("#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

Answer 2

这不是有效设置......

onkeyup: true

As per documentation，

<强>的onkeyup


类型：布尔值或函数（）


验证keyup上的元素。只要该字段未标记为   无效，没有任何反应。否则，将在每个keyup上检查所有规则   事件。设置为false以禁用。设置为一个函数来决定   你自己何时进行验证。

布尔值true不是有效值。

换句话说，对每个keyup事件的验证已经是默认行为，因此您不能将此选项设置为true。您只能将此选项设置为false（禁用）或功能（覆盖）。保留选项以保持默认行为。

Jquery验证。验证＆＃34; keyup＆＃34;密码正确时隐藏表格

2 个答案: