sui表单验证框架

sui表单验证框架

mdvalidate 说明

更新说明

1.引入validator.js

validator 依赖jquery或zepto（建议zepto）。 使用jquery必须添加

2.表单使用

验证规则写在data-rules,用 ; 隔开。验证顺序从左到右依次进行，建议将必填（required）写在最前

3.调用

表单submit

var testForm = $('#test_form').mdvalidate({ valid:function(){ alert('验证通过'); var data = $(this).serializeArray(); console.log(data); }, invalid:function(){ console.warn("验证失败"); }});

直接onclick

function sub(){ // status Boolean true/false // true 验证成功 // false 验证错误 var status = testForm.checkForm(); console.log(status);};

test_form 必须是表单

4.拓展

为了方法复用，独立拓展模块

$.mdvalidateExtend({ rules:{ test1:function(val,$field){ var reg = /^[1-9]\d*$/; return reg.test(val); } }, messages:{ test1:"test1必须为正整数", url:"拓展url message" } });

4.1 rules 规则拓展说明

4.2 messages 提示信息拓展说明

5.现有验证规则

6.现有规则提示

7.城市区划代码

sui原有sm-city-picker没有提供城市区划代码，sm-cityCode-picker由sm-city-picker修改得来。详见demo cityCode.html

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。