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

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