简单的JavaScript复选框验证

前端之家收集整理的这篇文章主要介绍了简单的JavaScript复选框验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我通常使用 PHP,所以很遗憾,没有一些基本的JS原理.这就是我想要完成的一切 – 我看过很多关于这个话题的帖子,但是通常超出了我所需要的.

这是我的形式:

<input type="checkBox" name="checkBox" value="check"  />
 <input type="submit" name="email_submit" value="submit" onclick="----??----"  />

该复选框是一个简单的“我同意”.我想要提交提交按钮,只有当该复选框被选中时,它才会提交.

这是事情:我想要简单的作弊方式 – 没有方法 – 只是一些这种形式的内联代码(假设它不会太长?).这不是一个公共页面,我只需要一些快速简单的验证类型.如果它未被选中,它会抛出一个alert();如果它检查它将通过PHP通过post提交,并正常进行.

解决方法

你可以使用:
if(!this.form.checkBox.checked)
{
    alert('You must agree to the terms first.');
    return false;
}

(demo page).

<input type="checkBox" name="checkBox" value="check"  />
<input type="submit" name="email_submit" value="submit" onclick="if(!this.form.checkBox.checked){alert('You must agree to the terms first.');return false}"  />

>从内联事件处理程序返回false将阻止发生默认动作(在这种情况下,提交表单).
>!是Boolean NOT operator.>这是提交按钮,因为它是事件处理程序所附加的元素.> .form是提交按钮所在的形式.> .checkBox是该表单中名为“checkBox”的控件.> .checked为true,如果复选框被选中,如果复选框未被选中,则为false.

原文链接:https://www.f2er.com/js/152857.html

猜你在找的JavaScript相关文章