使用jquery插件无法进行表单验证

我需要在我的网站中添加新管理员，如下所示：-

<form class="form-horizontal" action="adminmodule.php?action=add" enctype="multipart/form-data" id="addadmin">
                           <div class="control-group">
                              <label for="inputWarning" class="control-label">UserName</label>
                              <div class="controls">
                                 <input type="text" id="admins_user" name="admins_user" class="span6 m-wrap" >
                                 <span class="help-inline"></span>
                              </div>
                           </div>
                           <div class="control-group">
                              <label for="inputError" class="control-label">Full Name</label>
                              <div class="controls">
                                 <input type="text" id="admins_fullname" name="admins_fullname" class="span6 m-wrap" >
                              </div>
                           </div>
                           <div class="control-group">
                              <label for="inputSuccess" class="control-label">Pass</label>
                              <div class="controls">
                                 <input type="text" id="admins_pass" name="admins_pass" class="span6 m-wrap">
                              </div>
                           </div>
                           <div class="control-group">
                              <label for="inputSuccess" class="control-label">Email</label>
                              <div class="controls">
                                 <input type="text" id="admins_email" name="admins_email" class="span6 m-wrap" >
                              </div>
                           </div> 
                           <div class="control-group">
                              <label for="inputSuccess" class="control-label">Type</label>
                              <div class="controls">
                                 <select id="admins_type" name="admins_type" class="span6 m-wrap">
                                 <option value="0">admin</option>
                                 <option value="1">manager</option>
                                 <option value="2">submanager</option>
                                 </select>
                              </div>
                           </div> 
                           <div class="control-group">
                              <label for="inputSuccess" class="control-label">status</label>
                              <div class="controls">
                                 <select id="admins_status" name="admins_status" class="span6 m-wrap">
                                 <option value="0">active</option>
                                 <option value="1">un active</option>
                                 </select>
                              </div>
                           </div>                                                                               
                           <div class="form-actions">
                              <button class="btn green" type="button" value="saveadd" id="saveadd" onClick="add_admin();">save</button>
                              <button class="btn" type="button" value="canceladd">cancel</button>
                           </div>
                        </form>

<span class="help-inline"></span>

---

onsubmit而不是onclick？我不知道您使用的是什么验证程序插件，但是点击submit按钮将始终提交表单，因为您的JS中没有任何东西可以阻止这种情况。您需要在JS中添加一个条件，以检查是否存在验证错误，如果存在，则阻止表单提交。正如我所说，在提交表单时运行验证，而不是在单击按钮时运行验证。确切地说，但当您在HTML中单击提交按钮时，它也将始终提交它所属的表单，除非您停止使用JavaScript。您应该调用validate on document ready

$("#saveadd").click(function(){
    function submitForm(){ 
    var validator = $("#addadmin").validate({ 
    rules: { name: "required", email: "required",
           },

    errorElement: "span" , 
    messages: { name: " Enter name", 
                email: " enter email", 
     } }); 
    if(validator.form()){ // validation perform 
    $('form#addadmin').attr({action: 'mycontroller'});  $('form#addadmin').submit(); 
    } 
    }
});