码迷,mamicode.com
首页 > Web开发 > 详细

validate验证jquery chosen相关问题

时间:2019-01-10 16:30:48      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:fun   append   分享图片   function   ESS   ges   分享   change   sel   

validate对jquery chosen-select无法验证,需要在validate加入

ignore: ":hidden:not(select)"

加入后可以成功校验,但是错误信息显示在select框上面

 技术分享图片

解决此问题是加入

errorPlacement
$("#form-add").validate({
    ignore: ":hidden:not(select)",
    rules: {
        id: {
            required: true
        }
    },
    messages: {
        id: {
            required: "请选择关联的数据字典"
        }
    },
    errorPlacement:function (error, element) {
        error.appendTo(element.parent());
    }
});

加上之后,错误信息显示在下面

 技术分享图片

想选择成功后 立刻清除错误信息,可以加入change事件

$(function() {
    $(".chosen-select").chosen({width: ‘95%‘,search_contains: true,no_results_text: "无对应数据..."});

    $(".chosen-select").change(function () {
        $(this).valid();
    })
});

 


 

validate验证jquery chosen相关问题

标签:fun   append   分享图片   function   ESS   ges   分享   change   sel   

原文地址:https://www.cnblogs.com/qinyuekong/p/10250474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!