Nice Jquery Validator 事件
2023-09-11 14:18:38 时间
订阅
.on("validation")
描述:每次验证完一个字段,都会触发 validation
事件,通过该事件可以获取到当前验证字段的验证结果。
示例:
$('#form').on('validation', function(e, current){ var form = this; // form 中是否所有字段都验证通过 console.log(form.isValid); // 当前验证字段是否通过 console.log(current.isValid); // 打印其他属性 console.log(current.element); console.log(current.value); console.log(current.msg); });
.on("valid.form")
描述:在表单验证通过后触发
示例:
$('#form').on('valid.form', function(e, form){ //do something... });
.on("invalid.form")
描述:在表单验证不通过后触发
示例:
$('#form').on('invalid.form', function(e, form, errors){ //do something... });
.on("valid.field")
描述:在字段验证通过后触发
示例
$('#username').on('valid.field', function(e, result){ //do something... });
.on("invalid.field")
描述:在字段验证不通过后触发
示例:
$('#username').on('invalid.field', function(e, result){ //do something... });
.on("valid.rule")
描述:在规则验证通过后触发
示例:
$('#username').on('valid.rule', function(e, ruleName){ if (ruleName === 'remote') { //do something... } });
.on("invalid.rule")
描述:在规则验证不通过后触发
示例:
$('#username').on('invalid.rule', function(e, ruleName){ if (ruleName === 'remote') { //do something... } });
发布
.trigger("validate")
描述:触发字段执行验证
示例:
// Verify the selected field. $('#username').trigger("validate"); // Verify the selected form. $('#form').trigger("validate"); // Verify the selected area. $('#area').trigger("validate");
.trigger("showmsg", [type, message])
支持:v0.8.0+
描述:触发字段提示消息
示例:
// Tips ok message $("#username").trigger("showmsg", ["ok", "Great name"]); // Tips error message $("#username").trigger("showmsg", ["error", "Name is already taken"]); // Tips general message $("#username").trigger("showmsg", ["tip", "Others make a good name for you impressed"]); // Tips tip message has been bound (data-tip) $("#username").trigger("showmsg", ["tip"]); // Tips all tip message $("#form").trigger("showmsg", ["tip"]);
.trigger("hidemsg")
支持:v0.8.0+
描述:触发字段隐藏消息
示例:
// Hide field message $("#username").trigger("hidemsg"); // Hide all messages form the form $("#form").trigger("hidemsg");
相关文章
- jquery事件委托
- widget jquery 理解
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- jquery中 $ 和 jQuery 及 $() 的区别
- 页面有多个相同的id或者class时,绑定jquery事件无效,解决方案
- Js、Jquery获得字符串变量的长度函数实例!
- 猴子也能学会的jQuery第六期——jQuery事件(上)
- jQuery设置网站首页手风琴特效(1+X Web前端开发初级 例题)
- 前端基础 - JQuery事件切换(原来还有这种写法)
- jQuery技术内幕:深入解析jQuery架构设计与实现原理. 2.6 jQuery.extend()、jQuery.fn.extend()
- jquery on事件jquery on实现绑定多个事件
- jQuery插件EasyDrag轻松实现JS拖动的效果
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.15 技巧:包裹和解包元素
- 《jQuery基础》总结
- Python学习---基于JQuery的Ajax实现[快捷+底层$.ajax]
- jQuery 之 Callback 实现
- JavaScript(jQuery)中的事件委托
- js和jquery判断事件流
- 自己写的jQuery放大镜插件效果(二)(采用只有一张图片的思路)