验证插件没有使用bootstrap 3.0类已成功成功

我正在使用Validation Plugin。它工作正常。这里我想在成功和错误上添加类has-success & has-error。但它正在增加班级。它正在打印ok成功验证。而且它只验证第一个字段。如果我您的姓名字段中，我不断的电子邮件地址空白，则还有它的submiting形式...验证插件没有使用bootstrap 3.0类已成功成功

<form action="" method="" id="contact"> 
     <div class="form-group""> 
      <label> Your Name </label> 
      <input type="text" class="form-control" placeholder="Enter Your Name" id="firstname" required="" minlength="5"/> 
     </div> 

     <div class="form-group"> 
      <label> Your E-mail </label> 
      <input type="email" class="form-control" placeholder="Enter Your Email" id="email"/> 
     </div> 
    <button type="submit" class="btn btn-primary btn-lg"> Send</button> 
</form> 

<script type="text/javascript"> 
    $('#contact').validate({ 
    success: function(label){ 
    label.addClass("has-success").text("ok"); 
} 
});

来源

2013-10-23 404 Not Found

“我使用验证插件和它的正常工作。在这里我要 addClass has-success & has-error成功和错误。“

默认情况下，该插件添加一个名为.error类时有一个错误，当错误被清除类变为.valid。

您可以直接使用默认.error和.valid类，或者也可以使用插件的errorClass和validClass选项替换它们：

$('#contact').validate({ 
    errorClass: 'has-error', 
    validClass: 'has-success' 
});

您可以添加多个类也一样，虽然不知道为什么，这将是必要：

$('#contact').validate({ 
    errorClass: 'error has-error', 
    validClass: 'valid has-success' 
});

查看文档：http://jqueryvalidation.org/validate/

“它只验证第一个字段。如果我场[原文]您的姓名字段，我把电子邮件地址空白，则还有它的submiting形式”

因为你没有在第二场的规则，将‘规定’它填补。出你需要的required属性添加到这一领域也

而且，你的第一个领域，required=""不是普遍接受的语法

这种格式是最好的，IMO：required="required"

来源

2013-10-23 16:46:22 Sparky

谢谢b uddy ..一个更多的问题是我想做的表单验证成功的Ajax请求...如何识别该表单验证没有错误（所有领域都很好）？ –

@ 404NotFound，你会把Ajax放在'submitHandler'回调函数中。看文档。 – Sparky

验证插件没有使用bootstrap 3.0类已成功成功

回答

相关问题