插件名:jquery.validateForm.js
依赖:
jquery , jquery.validateForm.css
参数:
暂无参数(有一个默认的msg提示)
说明:
实现了input =text , select ,textarea,radio 的实时必填校验
实现了input = number 的必填 数字类型 参数范围的校验
表单提交时,如果有错误页面会滚动到第一个出错的元素,并获取焦点
使用方法:
1.引入jquery,jquery.validateForm.css
2.给元素加data-required或者 min ,max
3.表单绑定
html
<form type="post" action="">
<input type="text" value="" data-required='required'>
<select required>
<option value="">1</option>
<option value="2">2</option>
</select>
<input type="number" required value="" min="2" max="5">
</form>
js
$('form').validateForm();
jquery.validateForm.js源码
;
(function ($, window, document, undefined) {
//默认操作
var defaults = {
msg: {
required: "必填!",
errorType: "非数字类型",
max: "小于",
min: "大于"
}
},
//缓存实例
_that,