Javascript 验证插件未接受bootstrap 3.0类已成功
我正在使用。它工作得很好。在这里,我想在成功和错误上添加classJavascript 验证插件未接受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 </
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
回调函数中。见文件。