如果条件失败，则取消表单提交

Question

如果我的表单中没有选中复选框，我想禁用提交按钮。 但是我的功能不起作用，总是允许提交按钮打开下一页。

function test(){

var b = false;
var inputs = document.getElementsByTagName('input');

  for(var i = 0; i < inputs.length; i++) {

        if (inputs[i].checked == true){
        return true; 
   }  
 }

     return false;
}

形式

form name='checkBoxForm' action ='book.php' method='post' onsubmit='return test(this)

复选框 - 注意 javatest 是另一个工作功能。

input type='checkbox' id =\"$id\" name='check_list[]' value=\"$seat\" onclick='javatest(this)

Answer 1

发生这种情况是因为您没有停止提交按钮的默认操作。 您需要使用 preventDefault() javascript 函数作为验证函数中的第一行来停止默认提交行为。 以下是测试的编辑版本：

function test(event){
event.preventDefault()
var b = false;
var inputs = document.getElementsByTagName('input');
....

此外，要提交表单（即当您找到至少 1 个选中的复选框时），您需要使用 form.submit 事件，如下所示：

document.getElementByTagName("checkBoxForm").submit();

希望这应该可以解决问题。