Tags： 瑜伽学习软件大全 旅游app软件 赛车游戏大全 好玩的手游排行

软件标签: jquery 表单验证插件

jquery.validator.js插件是插件内部实现一些非空，正则格式，邮箱，url等判断的实用性插件，在input标签上添加启动这些验证方法对应的参数就可以了，类似插件中会自动扫描input。有需要的朋友可以来试用使用！

jquery.validator.js使用方法：

第一步

引入资源，使用之前，确保已经引入了jQuery，需要 1.7 以上版本。

<script type="text/javascript" src="path/to/jquery-1.7.2.min.js"></script>

然后引入验证插件，其中zh_CN.js 是本地化配置文件，你可以在里面配置一些全局的参数（规则、主题、多语言消息）。<link href="path/to/validator/jquery.validator.css" rel="stylesheet" /><script type="text/javascript" src="path/to/validator/jquery.validator.js"></script><script type="text/javascript" src="path/to/validator/local/zh_CN.js"></script>

第二步

使用组件，两种方式（js传参 和 DOM传参），都可以实现表单验证：通过JS传参，无需改变DOM。

<form name="register">

<label>邮箱</label><input name="email">

</form>

$('form[name="register"]').validator({stopOnError: false,timely: false,fields: {'email': 'required;email;'}});

通过在DOM上绑定属性，无需js调用。

a. 在字段上绑定规则，参见公共定义-规则b. 如果要改变默认参数，可以在form上以json字符串形式绑定参数data-validator-option，参见公共定义-表单c. 如果参数全部在DOM元素上面传递，那么js就不需要初始化了