gpt4 book ai didi

html - jquery 验证 select2.js 中的 errorPlacement

转载 作者:行者123 更新时间:2023-11-28 04:44:45 24 4
gpt4 key购买 nike

<分区>

select2 中的错误替换显示在方框上方时,我希望在方框下方进行错误替换。这是我的 HTML:

<form id="form" class="form_required">
<select type="text" id="test1" class="form-control select2" required>
<option value="">&nbsp();</option>
<option value="1">1</option>
</select>
<button type="button" onclick="insert()">Submit</button>
</form>

这是 JavaScript:

$('.select2').select2()

$(".form_required").validate({
highlight: function (element, errorClass, validClass) {
$(element).parents('.form-control').removeClass('has-success').addClass('has-error');
},
unhighlight: function (element, errorClass, validClass) {
$(element).parents('.form-control').removeClass('has-error').addClass('has-success');
},
errorPlacement: function (error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
}
else if (element.prop('type') === 'radio' && element.parent('.radio-inline').length) {
error.insertAfter(element.parent().parent());
}
else if (element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
error.appendTo(element.parent().parent());
}
else {
error.insertAfter(element);
}
}
});

function insert(){
if ($('#form').valid()){
alert('OK');
}
}

1) enter image description here 2) enter image description here

当不使用 select2 时,错误替换显示在类似数字 2 的框下方,但是当使用 select2 时,错误替换显示在框上方..

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com