Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery.validate-在有效电子邮件之前禁用按钮_Javascript_Jquery_Validation - Fatal编程技术网

Javascript jquery.validate-在有效电子邮件之前禁用按钮

Javascript jquery.validate-在有效电子邮件之前禁用按钮,javascript,jquery,validation,Javascript,Jquery,Validation,我正在使用在前端验证我的表单。基本的“如果字段为空-验证”工作正常 但我希望在输入有效的电子邮件地址之前,先禁用“提交”按钮。我希望该按钮在字段生效后立即启用(按键) 所以基本上我只需要删除“btn disabled”类,一旦它有效 我正在努力使用jQuery来添加这个函数/方法。如果有人能帮忙,我将不胜感激 这里有一个稍微简化的版本: 您对此有attr $('#button1, #button2').attr("disabled", true); 您可以在输入电子邮件地址后检查表单是否有效。

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

但我希望在输入有效的电子邮件地址之前,先禁用“提交”按钮。我希望该按钮在字段生效后立即启用(按键)

所以基本上我只需要删除“btn disabled”类,一旦它有效

我正在努力使用jQuery来添加这个函数/方法。如果有人能帮忙,我将不胜感激

这里有一个稍微简化的版本:


您对此有attr

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

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

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

检查此项:

<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>

(功能(){
$('form>input').keyup(函数(){
var empty=false;
$('form>input')。每个(函数(){
如果($(this.val()=''){//请在此处为有效电子邮件编写代码
空=真;
}
});
if(空){
$('#register').attr('disabled','disabled');
}否则{
$(“#寄存器”).removeAttr('disabled');
}
});
})()

可能重复:您好,Carlos,此时我并不真正关心disabled属性(尽管我计划稍后添加它)。我想知道的是,一旦输入了有效的电子邮件,如何使用链接的验证插件“做一些事情”(例如添加/删除类等)。我所说的“尽快”——是指在某种按键事件上,深深地欢呼。我把你的“模糊”改成了“按键”,这似乎就是我想要的。
<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>