https://github.com/pmg1989/validate-form
validateForm validate form jquery zepto plugins
https://github.com/pmg1989/validate-form
jquery plugins validate validation validform zepto
Last synced: about 2 months ago
JSON representation
validateForm validate form jquery zepto plugins
- Host: GitHub
- URL: https://github.com/pmg1989/validate-form
- Owner: pmg1989
- Created: 2016-04-19T07:01:21.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2024-05-21T06:17:40.000Z (about 1 year ago)
- Last Synced: 2025-03-26T11:01:44.081Z (2 months ago)
- Topics: jquery, plugins, validate, validation, validform, zepto
- Language: JavaScript
- Homepage: https://pmg1989.github.io/validate-form
- Size: 86.9 KB
- Stars: 7
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# validate-form.js
## 演示地址：
https://pmg1989.github.io/validate-form
## validate-form.js是什么?
一个基于jQuery/zepto.js的表单验证插件，可以完成基本表单验证以及异步请求验证功能，并且功能可支持扩展。
## validate-form.js有哪些功能？
* 方便使用的`基本验证`功能
* 非空验证、邮箱格式验证、手机号码格式验证、数字验证、数字和字母的组合、中文验证
* 密码验证、中国护照格式验证
* 支持`异步请求验证`功能
* 支持可扩展的`特殊功能验证`功能
* 支持form表单`整体`验证以及input`单个`验证
## HTML模板配置
```html
获取验证码
```
## Form表单整体验证
```javascript
//定义验证参数对象
var validateParams = {
//回调函数，当前表单验证通过以及不通过都会调用
onChange: function (isValid, $elem, msg) {
/*
isValid:当前验证是否通过，true：通过；false：不通过；
$elem:当前被验证的表单元素，jQuery对象；
msg：验证未通过时的错误提示
*/
//如下是验证通过以及未通过时的dom操作
if (isValid) {
$elem.next().removeClass("error");
} else {
$elem.focus().next().text(msg).addClass("error");
}
}
};
//对form表单进行验证
var validFalg = $("form").ValidateForm(validateParams);
/*
validFalg:false,验证未通过，无需处理，return false；拦表单提交即可
validFalg:true,form验证通过，可进行表单提交了
*/
```
## input单个验证
```javascript
//发送验证码控件绑定事件
$('.send-code').sms({
mobile: $('#phone'),//待验证的input元素
/*
sms的回调函数
$ele:待验证的元素，jQuery对象；
此回调必须return 一个bool类型的值，true：验证通过，false：验证不通过
*/
validate: function ($ele) {
return $ele.ValidateForm(validateParams);
}
});
```
## ajax异步请求验证
ajaxvalid：必填参数，check属性值，必须且只能为ajaxvalid；
ajaxurl:必填参数，异步请求的后台验证接口，可带url参数；
ajaxtype:可选参数，值为post/get,默认值为post
```html
```
## 关于作者
```javascript
var ihubo = {
nickName : "felixpan",
github : "https://github.com/pmg1989"
}
```
## 问题反馈
在使用中有任何问题，欢迎反馈给我，可以用以下联系方式跟我交流
* 邮件([email protected])
* QQ: 972401854