如果條件失敗，則取消表單提交

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();

希望這應該可以解決問題。