目前Auth内置Alert,Static,Float,Fixed四个提示类,其中Static,Fixed支持自定义提示信息模版,响应事件等等。
下面表格name列的值都可以直接用来配置错误信息显示样式,例如:var check = new Validation(form,{ style: "under" //错误信息提示样式 });不过你也可以字定义配置event,class,template等
var check = new Validation(form,{ warn: "Static", //指定使用Static类 event: 'blur', //响应事件 invalidClass: 'errclass', //字段校验失败后,给字段增加的样式 template: '<label class="Validation-text"><span class="estate"><em class="label"></em></span></label>' //显示错需信息的模版 });
Alert | |||
---|---|---|---|
name | event | invalidClass | template |
text | - | vailInvalid | - |
Static | ||
---|---|---|
name | event | template |
text | focus blur keyup | <label class="Validation-text"><span class="estate"><em class="label"></em></span></label> |
siderr | focus blur keyup | <div class="Validation-siderr"><p class="estate"><s></s><span class="label"></span></p></div> |
under | focus blur keyup | <div class="Validation-under"><p class="estate"><span class="label"></span></p></div> |
sidebd | focus blur | <div class="Validation-sidebd"><p class="estate"><span class="label"></span></p></div> |
Float | |||
---|---|---|---|
name | event | invalidClass | template |
text | focus blur keyup | vailInvalid | <div class="Validation-float" style="display:none;"><div class="msg"> </div><s>◥◤</s></div> |