jquery - 接受政策隐私，然后使用 jQuery 启用表单提交

Question

可能重复：
禁用表单提交，直到（两个）复选框被选中

必须强制标记“我接受隐私政策”按钮以提交表格。

<form id="form" action="">
  <label for="accept">Accept Policy Privacy</label>
  <input id="accept" type="checkbox" > 
  <input type="submit" id="Send" value="Send" > 
</form>

谢谢

Answer 1

在 HTML5 中，您可以使用 required 属性：（小提琴）

 <input id="accept" type="checkbox" required>

如果你想要一个 jQuery 解决方案，在这里：（小提琴）

$('#form').submit(function(event){
    event.preventDefault();
    if ( $('#accept').is(':checked') ){
        $(this).submit();
    }
    else {
        alert('You must accept the policy to continue!')
    }
})

Answer 2

尝试只做modyfi：

<form id="form" action="">
  <label for="accept">Accept Policy Privacy</label>
  <input id="accept" type="checkbox" required="required" aria-required="true"> 
  <input type="submit" id="Send" value="Send" > 
</form>

它可以在现代浏览器中使用，但对于较旧的浏览器（尤其是 ie），您将需要一些 Js 在发送之前对其进行检查：

$(document).ready(function(){
    $("#Send").click(function(){
        if(! $("#accept").attr("checked")) {
             alert ("You must accept the Policy Privacy");
             return false;}
    })
})

Answer 3

$(function(){
  $('input#send', this).attr('disabled', 'disabled');
  $('input#accept').click(function(){
    var disabled=$('input#send').attr('disabled'); 
    if(disabled) {
      $('input#send').attr('disabled', false);
    }else{
      $('input#send').attr('disabled', 'disabled');
    }
  }); 
});

你必须先搜索，在stackoverflow中有类似的问题

禁用表单提交，直到（两个）复选框被选中