Jquery 如果所有字段都已填写且有效，如何在注册表上启用提交按钮_Jquery

Jquery 如果所有字段都已填写且有效，如何在注册表上启用提交按钮

jquery

Jquery 如果所有字段都已填写且有效，如何在注册表上启用提交按钮,jquery,Jquery,我是jquery新手，我在尝试创建表单时遇到了提交按钮的问题。当按钮被禁用并且我想再次启用它时，如果所有验证都返回true，它将保持禁用状态。谁能帮我弄清楚这件事吗。这是我的jQuery代码的一部分： //some code... $('form>input').blur(function () { if (firstName == false || lastName==false || email==false || password1==false

我是jquery新手，我在尝试创建表单时遇到了提交按钮的问题。当按钮被禁用并且我想再次启用它时，如果所有验证都返回true，它将保持禁用状态。谁能帮我弄清楚这件事吗。这是我的jQuery代码的一部分：

      //some code...

    $('form>input').blur(function () {
       if (firstName == false || lastName==false || email==false || password1==false || password2==false)
           $('#submitButton').prop('disabled',true);
       if (firstName == true && lastName == true && email == true && password1 == true && password2 == true) //{ //$('#submitButton').prop('disabled',false);
               $('#submitButton').removeAttr('disabled');
       });

  });

这是我的HTML代码的一部分：

 <div id="mainDiv">
    <form>
        <label class="label">first name:</label><input type="text" class="firstName" name="firstName" />
        <label class="label">last name:</label><input type="text" class="lastName" name="lastName" />
        <label class="label">email address:</label><input type="text" class="email" name="email" />
        <label class="label">create password:</label><input type="password" class="password1" name="password" />
        <label class="label">confirm password:</label><input type="password" class="password2"/>
        <input type="submit" id="submitButton" value="register" />
    </form>
 </div>


名字：
姓氏：
电邮地址：
创建密码：
确认密码：

您可以使用

removeAttr（）

函数删除

禁用的属性：

$（'#enable'）。在（'click'，function（）上{
$（“#提交”）.removeAttr（'disabled'）；
});

提交
启用
此处的上下文是表单>输入
。为提交按钮提供一个id
，然后使用您现在使用的相同命令禁用按钮
请检查以下代码：
                <html>
                <head>
                    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
                </head>
                <body>
                    <form>
                firstName <br />
                <input type="text" id="firstName" name="firstName" /><br />
                lastName<br />
                <input type="text" id="lastName" name="lastName" /><br />
                Email<br />
                <input type="text" id="email" name="email" /><br />
                password1<br />
                <input type="password" id="password1" name="password1" /><br />     
                <input type="submit" id="register" value="Register" disabled="disabled" />
            </form>
            <div id="test">
            </div>
                     <script type="text/javascript">

                     (function() {
                            $('form > input').keyup(function() {

                                var empty = false;
                                $('form > input').each(function() {
                                    if ($(this).val() == '') {
                                        empty = true;
                                    }
                                });

                                if (empty) {
                                    $('#register').attr('disabled', 'disabled');
                                } else {
                                    $('#register').removeAttr('disabled');
                                }
                            });
                        })()
                    </script>
                </body>
            </html>


名字



姓氏



电子邮件



密码1



（功能（）{
$（'form>input'）.keyup（函数（）{
var empty=false；
$（'form>input'）。每个（函数（）{
if（$（this.val（）=''）{
空=真；
}
});
if（空）{
$（'#register'）.attr（'disabled'，'disabled'）；
}否则{
$（“#寄存器”）.removeAttr（'disabled'）；
}
});
})()
请发布您的html。美元有一点（这一点）我认为你指的不是正确的按钮这里的上下文是form>input
。给提交按钮一个id，然后禁用按钮我这样做了，提交按钮仍然被禁用。我这样做了，提交按钮仍然没有被启用$（'form>input'）.blur（函数（）{if（firstName==false | | | lastName==false | | | email==false | | password1==false | | password2==false）$（'submitButton'）.prop（'disabled'，true）；if（firstName==true&&lastName==true&&email==true&&password1==true&&password2==true）$（'submitButton'）.prop（'disabled'，false）；firstname、lastname、password
如何获取这些变量的值。$（'#firstname'）.val（）
应该使用。尝试将警报放在启用提交按钮的位置。我认为您的if条件没有得到满足。我发现问题是我对两个不同的事情使用了两次布尔变量之一，这就是为什么我的if条件没有得到满足…谢谢，现在它工作了。我刚刚更改了变量可编辑名称。。。