Question

我有一个简单的表单，有一个复选框和3个提交按钮。仅当单击三个按钮之一时，才需要勾选复选框字段。这是表单的html：

<form role="form" action="udpate.php" id="review" method="post">

<div class="checkbox">
<label class="checkbox">
<input type="checkbox" name="approved" value="approved">
</label>
</div>

<p>I have approved all changes and are happy to proceed</p>

<button type="submit" class="btn btn-default" name="buttonType" id="Reject"  value="Reject">Reject</button>
<button type="submit" class="btn btn-default" name="buttonType" id="Pending"  value="Pending">Pending</button>
<button type="submit" class="btn btn-default" name="buttonType" id="Approve"  value="Approve">Approve</button>
</form>

这是一个使用jQuery验证插件的脚本：

 <script>
     $().ready(function() {
         $("#Approve").click(function() {
             $("#review").validate(); 

        });
    });
 </script>

此时单击3个按钮中的任何一个按钮都会执行验证，但我只需要验证用户是否单击“批准”按钮。只有这样才需要勾选复选框，否则可以留空。

是否可以进行某种验证来检查单击了哪个按钮，然后如果在继续操作之前单击了该按钮，还会检查该复选框是否为空？

Answer 1

为表单和复选框添加ID，例如：＆＃34; form1＆＃34;，＆＃34; checkbox1＆＃34;

<form id="form1" ...>
    <input type="checkbox" id="checkbox1" ... />
    ...
</form>

然后将jQuery添加到当前代码：

$('#form1 button[type="submit"]').click(function(e){
    e.preventDefault();                             // this for prevent form from submit

    if($(this).val() == "Approve"){                 // check if third button was clicked
        if($('#form1 #checkbox1').is(':checked')){  // check if checkbox is checked
            $('#form1').submit();                   // submit form
        }else{
            // here paste your info code, that checkbox is not checked
        }
    }else{                                          // any other button
        $('#form1').submit();
    }
});

带有多个提交按钮的条件表单验证

1 个答案: