相关疑难解决方法(0)

如何使用jquery.validation插件使select2工作?

我正在尝试使用jquey.validation插件验证select2字段,但没有任何反应.

我想要选择必填字段.

我正在使用这个自定义验证功能:

$.validator.addMethod("requiredcountry", function(value, element, arg){
              return arg != value;
         }, "Value must not equal arg.");
Run Code Online (Sandbox Code Playgroud)

这是规则:

rules:
{
 country:
 {
         required: true,
         requiredcountry: ""
 }
}
Run Code Online (Sandbox Code Playgroud)

我应该使用哪个select2字段来匹配规则?

我很感激如何让select2与jquery.validation一起工作

10倍

jquery jquery-validate jquery-select2

31
推荐指数
7
解决办法
6万
查看次数

jQuery验证select2.js中的errorPlacement

当错误替换输入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>
Run Code Online (Sandbox Code Playgroud)

这是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(){ …
Run Code Online (Sandbox Code Playgroud)

html css jquery-validate twitter-bootstrap jquery-select2

1
推荐指数
1
解决办法
1783
查看次数