javascript - jQuery 表单接受复选框,禁用提交按钮

标签 javascript jquery forms validation checkbox

我有一个表单,仅在选中复选框时才启用提交按钮。问题是没有 JavaScript 的人将永远无法启用提交按钮。这个问题的最佳解决方案是什么?

<script src="http://www.lenticularpromo.com/v/vspfiles/js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#accept-box').click(function(){
$('#submitter').attr('disabled',!this.checked);
});
$('#myform').submit(function(){
return $('#accept-box').attr('checked');
});
});
</script>

<form id="myform" class="accept" action="http://dropbox.yousendit.com/KefengXu11610470" method="GET">
<label>I promise to include all required information along with my artwork submission</label>
<input id="accept-box" name="accept" type="checkbox" value="0">
<br>
<input id="submitter" class="submit" type="submit" name="submit" value="Continue to artwork upload" disabled="disabled">
</form>

最佳答案

在我看来,最好的选择是在 HTML 中启用提交按钮并使用 JavaScript 禁用它。然后在服务器端验证该复选框是否已被选中(即使您在客户端进行验证,也应该始终在服务器端进行验证,JavaScript 可以被禁用或绕过)。

关于javascript - jQuery 表单接受复选框,禁用提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7489767/

相关文章:

javascript - 什么插件用于 jQuery Mobile 和 RequireJS 的国际化?

javascript - Jquery Ajax On-Focusout On-Submit - 需要 2 次点击

ruby-on-rails - 表单内 onclick 事件的自定义按钮会导致重定向

ruby-on-rails - 无法将图像解析为 URL : to_model delegated to attachment,,但 Rails 5.2 中附件为零

javascript - 如何使用express在nodejs中执行promise

javascript - 在 WKScriptMessage 中哪些类型(字符串旁边)可以从 JavaScript 传递到 Swift?

javascript - 禁用复选框上的 jQuery 单击事件未触发

forms - 使用 symfony2 日期时间月份下拉列表的字符串

javascript - 在 php 和 jquery 动态创建的表行中选择一个选项对应的数据加载另一个选择选项

javascript - 如何将 div 锁定(卡住)到 jquery 应用程序中?