我有一个表单,仅在选中复选框时才启用提交按钮。问题是没有 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/