Question

我正在使用Validation Plugin。它工作正常。这里我想在成功和错误上添加类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");
 }
 });

Answer 1

“我正在使用验证插件，它运行正常。我想这里 addClass has-success＆amp;关于成功和错误的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/

“它只验证第一个字段。如果我在[sic]中显示你的名字字段和我将电子邮件地址留空，然后还提交表单“

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

此外，在您的第一个字段中，required=""不是常用的语法。

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

验证插件没有采取bootstrap 3.0类成功的成功

1 个答案: