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