在同一表单上禁用/启用多个提交按钮

问题描述：

我已经构建了一个多步骤表单，其中每个步骤都有提交按钮。前两个提交按钮只显示表单的下一部分，最后一个提交数据。在同一表单上禁用/启用多个提交按钮

我想禁用每个提交按钮，直到输入字段被填写，但是，它不工作。以下是我的：

<form> 
<fieldset> 
    <input id="Email" type="email" value="" >   
    <input id="Password" type="password" /> 
    <input id="confirmPass" type="password" /> 
    <input id="emailPassSubmit" type="submit" name="next" class="next action-button" value="Next" disabled="disabled" /> 
</fieldset> 
</form> 

<script type='text/javascript'> 
$(function(){ 
$('#Email, #Password, #confirmPass').onkeyup(function(){ 
     if ($(this).val() == '') { 
      $('#emailPassSubmit').prop('disabled', true); 
     } else { 
      $('#emailPassSubmit').prop('disabled', false); 
     } 
}); 
}); 
</script>

这是窗体的第一页，在其他两个步骤中重复相同。截至目前，它禁用了按钮，但不启用它。

使用KEYUP（）代替的onkeyup（），并检查你的价值，但你可以用$（“＃emailPassSubmit”）简化您的脚本。支撑（“已禁用”，$ （this）.val（）==''）; 我想你应该使用change（）事件 – Loenix

你想禁用，直到所有的字段被填充？ –

这是你想要的吗？ http://fiddle.jshell.net/yyH9A/ –

答

试试这个：

$('#Email, #Password, #confirmPass').keyup(function(){ 

}

因为没有这样的方法OnKeyUp在jQuery中仅KEYUP可用。

不要忘了接受它是否有助于

谢谢你这个工作！ –

答

给你的表格ID，然后提交它使用jquery发布通过 $("#FormID").submit() 并完成验证使用jquery验证，我希望这会为你工作。

在同一表单上禁用/启用多个提交按钮

相关推荐