如果未选中复选框，如何使表单不提交

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 。