Question

我已经构建了一个多步骤表单，其中每个步骤都有提交按钮。前2个提交按钮只显示表单的下一部分，最后一个发布数据。

我想禁用每个提交按钮，直到输入字段被填写，但是，它不起作用。这就是我所拥有的：

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

这是表格的第一页，并在其他两个步骤中重复相同的内容。截至目前，它禁用了按钮，但未启用它。

Answer 1

将Id添加到您的表单，然后使用jquery post via提交 $("#FormID").submit() 并使用jquery验证完成验证，我希望这对你有用。

Answer 2

试试这个：

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

}

因为在jquery中没有这样的onkeyup方法，所以只有keyup可用。

如果有帮助，别忘了接受

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

2 个答案: