validForm是原生js表单数据验证工具。
使用方法首先引入src目录中的validForm.js或dist目录中的validForm.mi.js(压缩版)
代码实例:
<form id="maiForm"> 方式<select ame="method" id="test"> <optio value="">请填写</optio> <optio value="1">a</optio> <optio value="2">b</optio> <optio value="3">c</optio> </select><br> 姓名<iput type="text" ame="ame" /><br> 密码<iput type="password" ame="pwd" /><br> 邮箱<iput type="text" ame="email" /><br> <butto id="submit">提交</butto><br></form>$('#submit').o('click', fuctio(){ var data = { method:['select[ame="method"]', ull, '请选择方式'], ame: ['iput[ame="ame"]', , '姓名必填'], pwd: ['iput[ame="pwd"]', '', '密码必填'], email: ['iput[ame="email"]', 'empty', '邮箱必填'] }; var model = {el: '#maiForm', data: data}; validForm(model, fuctio(msg){ alert(msg); }); });/*****详细说明:******/ /* * data(校验数据集合): { 校验单元名称: [ 校验元素(css选择器语法), 校验规则(正则表达式或内置校验规则), 校验提示语(空校验正确提示，其它校验失败提示)] } * model(校验模型): { el: 校验表单(css选择器语法), data: [data[method], data[ame]](自定义校验数据集合)} * 内置校验规则： * 1.empty 空(空的校验规则也可以是ull、udefied、'') * 2.isNumber 数字格式 * 3.isEmail email格式 * 4.isUrl url格式 * 5.isMobile 手机号格式 * 6.isID 身份证号格式 * 7.isDate 日期格式(2014-07-05 2014-7-5 或2014/07/05 2014/7/5) * * model的另一种等价写法: * var model = {el: '#maiForm', data: [data.method, data.ame, data.pwd, data.email]}; * * 调用时,也可以写为validForm(model)回调函数不写,默认采用原生alert方式提示 */
评论