xtest——品质生活
使用说明
- 1. 导入jquery.js,xtest-core.js,xtest-jq.js,xtest.css 4个文件。
- 2. 在window.onload或$.ready或_/body>后执行jq_xtest.start函数。
- 3. 在submit按钮上绑定jq_xtest.end函数。
文件说明
- 1. xtest-core.js : 核心函数,主要提供方法xtest.test,有2个参数,分别是规则字符串和被验证的字符串,返回值为一个Msg对象,此对象有2个字段,status字段表示成功(1)或失败(0),str为结果说明。
- 2. xtest-jq.js : 业务函数,依赖jquery,通过xtest.test函数对装饰xtest css类的input进行批量验证。其对应的input应有如下自定义属性:rule、ready_msg
、focus_msg、success_msg。Input后边紧接着一个span,此span的id属性值为"msg_"前缀加上Input id,span的作用为显示提示信息。
- 3. xtest.css : 整个验证逻辑的css,主要对应提示信息的样式。
ps : xtest-core不依赖任何类库,所以根据项目所用基础类库不同,可自定义对应的xtest-jq.js。
author:bravfing@126.com