0

我正在使用验证插件。它工作正常。在这里，我想has-success & has-error在成功和错误上添加类。但它增加了课程。成功验证后打印正常。它只验证第一个字段。如果我填写您的姓名字段并且我将电子邮件地址保留为空白，那么它也在提交表格...

 <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");
 }
 });

4

1 回答 1

2

“我正在使用验证插件，它工作正常。在这里我想在成功和错误上添加Class has-success& 。”has-error

默认情况下，插件会添加一个.error在出现错误时调用的类，并将该类更改为.valid在错误被清除时调用。

您可以简单地使用默认值.error和.valid类，也可以使用插件的errorClassand选项替换它们：validClass

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

您也可以添加多个类，但不确定为什么需要这样做：

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

请参阅文档：http: //jqueryvalidation.org/validate/

“它只验证第一个字段。如果我填写 [原文如此] 您的姓名字段并且我将电子邮件地址保留为空白，那么它也在提交表单”

因为您在第二个字段上没有“要求”填写它的规则。您还需要将required属性添加到此字段。

此外，在您的第一个字段上，required=""这不是普遍接受的语法。

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

于 2013-10-23T16:46:22.443 回答