订阅
.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");
验证后,已经弹出了不验证通过的消息("此处不能为空的");此时动态的删除了多个input(放在div中);如何让提示消息"此处不能为空的"都消失了
$("body").on("valid.form","#formid",function(event){event.preventDefault();})使用委托绑定的异步加载一个页面,submit按钮触发表单提交事件,event.preventDefault();不能阻止submit的提交.
$("#formid").on('valid.form',function(event){event.preventDefault();},同样使用submit按钮触发表单提交事件,这个event.preventDefault();可以阻止提交。匪夷所思。望指教。
我用,validation: function(element, result){ 的 element.form.isValid来获得表单是否全部通过验证,在修改表单里面,一开始应该是全部通过验证的状态,但是 element.form.isValid是false,怎么能在这种情况下 一开始就获得element.form.isValid为true,改变任何一个验证,element.form.isValid能给出对应的 true或者false
validation 里面就是准的
但是回填信息改动时,虽然也符合规则但是element.form.isValid是false。
解决了吗?我也想想知道
我写在模板引擎里面,发现模板引擎编译不了他。是这样的吗?
与模板引擎能有什么关系
$("#username").trigger("showmsg", ["error", "Name is already taken"]);
这个不生效啊
验证需要已经初始化