<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验证 但是要去注释代码这里我也贴出来给大家看看
如果有什么问题...欢迎各位给出建议和问题
谢谢.....新手不易(熬了两天做的功能)