<分区>
I have read I have read Bootstrap with jQuery Validation Plugin and it's helpful, but it's Bootstrap 3, not Bootstrap 4..
我正在使用 JQuery Validate使用Bootstrap 4,但似乎无法将标签和 输入字段获取到highlight无效时为红色。
我认为 valid
和 invalid
输入类在 BS 中是默认的,link ?也许我没有正确使用它们。
我的代码在下面,这是一个 fiddle .
HTML
<form id="myform">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group">
<label for="name" class="control-label">Email address</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
JQuery
$(function() {
$("#myform").validate({
rules: {
name: {
required: true,
minlength: 2
}
},
highlight: function(element) {
$(element).closest('.form-group').removeClass('valid').addClass('invalid');
},
unhighlight: function(element) {
$(element).closest('.form-group').removeClass('invalid').addClass('valid');
},
});
})
感谢任何帮助。