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

我有一个电子商务解决方案的形式。除了可以添加页脚和页眉之外，我没有访问代码的权限。所以我可以写一些js和css代码

我想添加一个复选框，我可以使用

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

请阅读

我想确保在选中复选框之前不会提交表单。我有订单按钮的名称/id。你知道怎样才能做到吗

谢谢

---

Prady

在

onsubmit

属性中，检查元素的值。如果未选中，请使用

return false

将验证绑定到表单的提交事件，如下所示：

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

---

另一个选项是在用户选择条款和条件之前，防止启用提交按钮。您还可以通过以下形式在中烘焙更多验证：

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

如果

）

您错过了结账。它不起作用。。。我不确定问题出在哪里。。这里是url@Prady，正如pimvdb提到的，我错过了if检查的结束rparen。可能会使用上面编辑的代码重试。很高兴找到此按钮，但希望按钮变灰，直到勾选复选框，它确实会停止提交，但您不能勾选该框并单击按钮。