sui表单验证框架

<script src="../dist/javascript/validator-1.0.0.js"></script>

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

<script>var Zepto = jQuery</script> 2.表单使用

<input class="" type="text" value="" name="url" data-rules="required;url" data-descriptions="url" placeholder="">

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

表单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 必须是表单

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

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

<script src="../libs/sui/0.6.2/js/sm-cityCode-picker.js"></script>

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