简单的JavaScript复选框验证
简单的JavaScript复选框验证
提问于 2012-06-28 04:49:36
我通常使用PHP，所以遗憾的是，我没有掌握一些基本的JS原则。这就是我想要完成的--我已经看过很多关于这个主题的帖子，但它们通常超出了我的需要。
这是我的表格：
<input type="checkbox" name="checkbox" value="check" />
<input type="submit" name="email_submit" value="submit" onclick="----??----" />复选框是一个简单的“我同意”。我希望按下提交按钮，只有在选中该复选框的情况下才会提交。
事情是这样的:我想要一种简单的，欺骗的方式--没有方法--只是一些这种形式的内联代码(假设它不会太长？)。这不是一个公共页面，我只是需要一些快速和简单的验证类型。如果未选中，它将抛出一个alert()；如果选中，它将通过php通过post提交，并照常进行。
回答 8
Stack Overflow用户
发布于 2015-03-13 16:29:21
现在不需要jquery或php。只使用"required“HTML5输入属性，如下所示
<form>
<p>
<input class="form-control" type="text" name="email" />
<input type="submit" value="ok" class="btn btn-success" name="submit" />
<input type="hidden" name="action" value="0" />
</p>
<p><input type="checkbox" required name="terms">I have read and accept <a href="#">SOMETHING Terms and Conditions</a></p>
</form>这将在选中复选框之前验证并阻止任何提交。独立于语言的解决方案，因为它是由用户web浏览器生成的。
Stack Overflow用户
发布于 2012-06-28 04:53:05
你可以这样做：
<form action="../" onsubmit="return checkCheckBoxes(this);">
<p><input type="CHECKBOX" name="MyCheckbox" value="This..."> This...</p>
<p><input type="SUBMIT" value="Submit!"></p>
</form>
<script type="text/javascript" language="JavaScript">
<!--
function checkCheckBoxes(theForm) {
if (
theForm.MyCheckbox.checked == false)
{
alert ('You didn\'t choose any of the checkboxes!');
return false;
} else {
return true;
}
}
//-->
</script> http://lab.artlung.com/validate-checkbox/
尽管imho的易读性较差，但这可以在没有像这样的单独函数定义的情况下完成：
<form action="../" onsubmit="if (this.MyCheckbox.checked == false) { alert ('You didn\'t choose any of the checkboxes!'); return false; } else { return true; }">
<p><input type="CHECKBOX" name="MyCheckbox" value="This..."> This...</p>
<p><input type="SUBMIT" value="Submit!"></p>
</form>Stack Overflow用户
发布于 2013-04-16 15:49:31
var confirm=document.getElementById("confirm").value;
if((confirm.checked==false)
{
alert("plz check the checkbox field");
document.getElementbyId("confirm").focus();
return false;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11234622
复制相关文章
相似问题
腾讯云开发者
