Javascript Jquery验证。在“上验证”;keyup“;并在密码正确时隐藏表单

Javascript Jquery验证。在“上验证”;keyup“;并在密码正确时隐藏表单,javascript,jquery,forms,jquery-validate,Javascript,Jquery,Forms,Jquery Validate,我想实现一个不寻常的功能,我认为jqueryvalidate插件将是最好的方法(如果您在没有插件的情况下建议并回答,它也会受到欢迎)。我想在用户在输入字段中输入正确的单词后立即隐藏表单。 我试过这个: $("#beta_form").validate({ onsubmit: false, onkeyup: true, rules: { beta_password: "1789" }, success: function(){

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

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

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

HTML:

<form id="formid">
    <input type="text" id="password" ></input>
    <input type="submit"></input>
</form>
$("#password").keyup(function(e){
    if($(this).val() ==='1789'){
        $("#formid").hide();
    }
});

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

HTML:

<form id="formid">
    <input type="text" id="password" ></input>
    <input type="submit"></input>
</form>
$("#password").keyup(function(e){
    if($(this).val() ==='1789'){
        $("#formid").hide();
    }
});

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

HTML:

<form id="formid">
    <input type="text" id="password" ></input>
    <input type="submit"></input>
</form>
$("#password").keyup(function(e){
    if($(this).val() ==='1789'){
        $("#formid").hide();
    }
});

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

HTML:

<form id="formid">
    <input type="text" id="password" ></input>
    <input type="submit"></input>
</form>
$("#password").keyup(function(e){
    if($(this).val() ==='1789'){
        $("#formid").hide();
    }
});

这不是一个有效的设置

onkeyup: true
,

onkeyup

类型:布尔或函数()

验证
keyup
上的元素。只要字段未标记为 无效,什么也没发生。否则,在每个
keyup
事件设置为
false
以禁用。设置为要决定的函数 您可以自己决定何时运行验证

布尔值
true
不是有效值


换句话说,对每个
keyup
事件进行验证已经是默认行为,因此您不能将此选项设置为
true
。您只能将此选项设置为
false
(禁用)或功能(超越)。保留该选项以保留默认行为。

这不是有效的设置

onkeyup: true
,

onkeyup

类型:布尔或函数()

验证
keyup
上的元素。只要字段未标记为 无效,什么也没发生。否则,在每个
keyup
事件设置为
false
以禁用。设置为要决定的函数 您可以自己决定何时运行验证

布尔值
true
不是有效值


换句话说,对每个
keyup
事件进行验证已经是默认行为,因此您不能将此选项设置为
true
。您只能将此选项设置为
false
(禁用)或功能(超越)。保留该选项以保留默认行为。

这不是有效的设置

onkeyup: true
,

onkeyup

类型:布尔或函数()

验证
keyup
上的元素。只要字段未标记为 无效,什么也没发生。否则,在每个
keyup
事件设置为
false
以禁用。设置为要决定的函数 您可以自己决定何时运行验证

布尔值
true
不是有效值


换句话说,对每个
keyup
事件进行验证已经是默认行为,因此您不能将此选项设置为
true
。您只能将此选项设置为
false
(禁用)或功能(超越)。保留该选项以保留默认行为。

这不是有效的设置

onkeyup: true
,

onkeyup

类型:布尔或函数()

验证
keyup
上的元素。只要字段未标记为 无效,什么也没发生。否则,在每个
keyup
事件设置为
false
以禁用。设置为要决定的函数 您可以自己决定何时运行验证

布尔值
true
不是有效值


换句话说,对每个
keyup
事件进行验证已经是默认行为,因此您不能将此选项设置为
true
。您只能将此选项设置为
false
(禁用)或功能(超越)。保留该选项以保留默认行为。

这根本不能回答OP的问题。@Sparky OP还说(如果您在没有插件的情况下建议并回答,也将受到欢迎)“对于这个简单的任务,我不认为他需要加载完整的jquery验证插件。我的观点正确吗?……你是对的,他也要求回答,但没有使用插件,所以我取消了我的否决票。然而,我认为一个修复他提出的坏代码的答案对其他人来说比进入一个新的方向更有帮助。这根本没有回答OP的问题。@Sparky OP还说(如果你在没有插件的情况下建议和回答,它也会受到欢迎)“对于这个简单的任务,我不认为他需要加载完整的jquery验证插件。我的观点正确吗?……你是对的,他也要求回答,但没有使用插件,所以我取消了我的否决票。然而,我认为一个修复他提出的坏代码的答案对其他人来说比进入一个新的方向更有帮助。这根本没有回答OP的问题。@Sparky OP还说(如果你在没有插件的情况下建议和回答,它也会受到欢迎)“对于这个简单的任务,我不认为他需要加载完整的jquery验证插件。我的观点正确吗?……你是对的,他也要求回答,但没有使用插件,所以我取消了我的否决票。然而,我认为一个修复他提出的坏代码的答案对其他人来说比进入一个新的方向更有帮助。这根本没有回答OP的问题。@Sparky OP还说(如果你在没有插件的情况下建议和回答,它也会受到欢迎)“对于这个简单的任务,我不认为他需要加载完整的jquery验证插件。我的观点正确吗?……你是对的,他也要求回答,但没有使用插件,所以我取消了我的否决票。然而,我认为有一个答案可以解决这个问题