Question

我正在使用https://jqueryvalidation.org/在前端验证我的表单。基本的“如果字段为空 - 验证”工作正常。

但是我想在最初禁用提交按钮，直到输入有效的电子邮件地址。我希望一旦字段变为有效，按钮就会启用（在按键上）。

所以基本上我只需要在有效的情况下删除'btn-disabled'类。

我正在努力使用jQuery来添加这个函数/方法。如果有人可以提供帮助，将不胜感激。

这是一个略微简化的版本：http://codepen.io/dagford/pen/kXJpEZ

$(document).ready(function(){

    $("#reset-form").validate({
        rules: {
            emailaddress: {
                required: true,
                email: true
            }

        },
        messages: {
            email: "Please enter a valid email address"
        }

    }); 

});

Answer 1

此

有 attr

$('#button1, #button2').attr("disabled", true);

Answer 2

输入电子邮件地址后，您可以检查表单是否有效。默认情况下禁用您的按钮，并在验证表单后删除已禁用的属性。

 $("#emailaddress").on("blur", function(){
    if($("#reset-form").valid())
   {
       $("#btn-reset").removeAttr("disabled");
   }
 });

密码笔：http://codepen.io/anon/pen/YWLjKX?editors=1010

Answer 3

检查一下：

<script type="text/javascript">
                 (function() {
                        $('form > input').keyup(function() {
                            var empty = false;
                            $('form > input').each(function() {
                                if ($(this).val() == '') {    // write your code for valid email here
                                    empty = true;
                                }
                            });
                            if (empty) {
                                $('#register').attr('disabled', 'disabled');
                            } else {
                                $('#register').removeAttr('disabled');
                            }
                        });
                    })()
                </script>

jquery.validate - 在有效的电子邮件

3 个答案: