Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 验证插件未接受bootstrap 3.0类已成功_Javascript_Jquery_Jquery Validate - Fatal编程技术网

Javascript 验证插件未接受bootstrap 3.0类已成功

Javascript 验证插件未接受bootstrap 3.0类已成功,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我正在使用。它工作得很好。在这里,我想在成功和错误上添加classhas success&has error。但它增加了等级。成功验证后,它将打印ok。它只验证第一个字段。如果我输入你的姓名字段,并且我保持电子邮件地址为空,那么它也是提交表单 <form action="" method="" id="contact"> <div class="form-group""> <label> Your Name </

我正在使用。它工作得很好。在这里,我想在成功和错误上添加class
has success&has error
。但它增加了等级。成功验证后,它将打印ok。它只验证第一个字段。如果我输入你的姓名字段,并且我保持电子邮件地址为空,那么它也是提交表单

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

“我正在使用验证插件,它工作正常。我想在这里
addClass
成功
错误
关于成功和错误。“

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

您只需使用默认的
.error
.valid
类,也可以使用插件的
errorClass
validClass
选项替换它们:

$('#contact').validate({
    errorClass: 'has-error',
    validClass: 'has-success'
});
您也可以添加多个类,但不确定为什么需要这样做:

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


“它只验证第一个字段。如果我输入[sic]您的姓名字段和 我将电子邮件地址保留为空,然后它也是提交表单”

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

此外,在您的第一个字段中,
required=“
不是普遍接受的语法


这种格式是最好的,IMO:
required=“required”

谢谢你,伙计。。还有一个问题是我想对表单验证的成功进行ajax请求。。。如何识别表单是否正确有效(所有字段都可以)?@404NotFound,您可以将Ajax放入
submitHandler
回调函数中。见文件。