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

我在电子商务解决方案中创建了表单。除了可以添加页脚和页眉之外，我没有访问代码的权限。所以我可以写一些js和css代码。如果未选中复选框，如何使表单无法提交

我想，我可以通过使用

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

我想确保，直到选中复选框未提交的表单添加一个复选框。我确实有订单按钮的名称/编号。任何想法如何可以做到这一点

感谢

Prady

来源

2011-03-07 Prady

另一种选择是，以防止直到用户选择的条款和条件的启用提交按钮。你也可以烤更多的验证，以这种形式：

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

来源

2011-03-07 19:38:02 CraigKerstiens

很高兴找到这个，但希望按钮变灰，直到复选框被勾选，它停止提交，但你不能然后勾选框并单击按钮。 – AndrewB 2012-07-08 20:01:54

在onsubmit属性，检查该元素的值。如果未选中，请使用return false。

来源

2011-03-07 19:28:41 pimvdb

绑定验证你的表单提交事件，像这样：

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

来源

2011-03-07 19:29:27 lsuarez

如果'''错过了关闭。 – pimvdb 2011-03-07 19:32:40

它没有工作...不知道什么问题是..这里是网址https://brianhaskins.infusionsoft.com/saleform/nathniiu – Prady 2011-03-07 19:38:49

@Prady我错过了关闭如果检查作为pimvdb提到的rparen。可能会再次尝试使用上面编辑的代码。 – lsuarez 2011-03-07 19:59:53

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

回答

相关问题