如果未選中復選框，如何使表單不提交

Question

我在電子商務解決方案中有表格。 我沒有訪問代碼，除了我可以添加頁腳和標題。 所以我可以寫一些js和css代碼。

我想添加一個我可以使用的復選框

  <input type="checkbox"  name="checkbox1" class="default-input sale-text-req"/>Please read the <a href="#">Terms and Conditions</a>

我想確保在選中復選框之前不提交表單。 我確實有訂單按鈕的名稱/ ID。 知道如何實現這一目標

謝謝

Prady

Answer 1

將驗證綁定到表單的提交事件，如下所示：

$("form").submit(function (e) {
    if(!$("input[name='checkbox1']").is(":checked")) {
        e.preventDefault();
    }
});

Answer 2

另一種選擇是在用戶選擇條款和條件之前阻止啟用提交按鈕。 您還可以使用以下格式烘焙更多驗證：

 function checkTerms() {
     if(document.formname.checkboxname.checked)
     {
         document.formname.submitname.disabled=false;
     }
     else
     {
         document.formname.submitname.disabled=true;
     }
 }

或者與JQuery：

 function checkTerms() {
     if($('input[name="checkbox1"]').is(":checked")
     {
         $('input[name="submitname"]').attr('disabled', 'disabled');
     }
     else
     {
         $('input[name="submitname"]').removeAttr('disabled');
     }
 }

最后在您的復選框上，您將在單擊發生時觸發驗證：

 <input type="checkbox"  name="checkbox1" class="default-input sale-text-req" onclick="checkTerms();"/>

Answer 3

在onsubmit屬性中，檢查元素的值。 如果未選中，請使用return false 。