validate + tooltip 气泡 错误信息转移至气泡提示

<input type="text" class="form-control" name="seq" data-toggle="tooltip" title="" data-placement="top" data-trigger="manual">
$('#frmSubPurin').validate({
                ignore: ".ignoreClass",
                rules: {
                    seq: {
                        required: true,
                        maxlength: 15,
                        digits: true,
                        notBlank: true,
                        min: 1
                    }
                },
                messages: 
                    seq: {
                        required: '序号不能为空',
                        digits: '请输入数字',
                        notBlank: $.validator.format("请输入非空字符串"),
                        min: $.validator.format("请输入不小于 {0} 的数值"),
                        maxlength: $.validator.format("最多可以输入 {0} 个字符"),
                    }
                },
                unhighlight: function (element, errorClass, validClass) {/** 验证通过的回调 element 当前点击的元素  class上出现标记 is-invalid:错误  is-valid:正确*/
                    if(element.name == "seq" ){/** 监听input 可以时时监听*/
                        $(element).tooltip('hide').removeClass("is-invalid").addClass("is-valid");/** class移出 错误  标记上 真确  */
                    }
                },
                errorPlacement: function(error, element) {/**验证不通过的回调,所有错误均在此验证  erroor 错误元素节点,error表示错误信息 qty price */
                    if(element.attr("name") == "seq"){/** input框在判断因为 find 到的标签不同*/
                        element.parent().find(":input").attr("data-original-title",error[0].innerHTML).tooltip('show');/** find 到元素 把 错误值赋给 data-original-title 值附上 在气泡显示*/
                    }else {					
                        error.appendTo(element.parent()).css("color","red");/** 错误提示的颜色已经灰了  */
                    }
                },
                submitHandler: function (form) {
                        log("OK");
                }

在网上找了很多种方法都不行....最后还得自己想办法...

此文为结合了 validate 文档  + tooltip 文档编写

有一个BUG select 不是时时监听的..这是validate 的BUG

支持多个name验证  但是要去注释代码这里我也贴出来给大家看看

 如果有什么问题...欢迎各位给出建议和问题

谢谢.....新手不易(熬了两天做的功能)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值