javascript网页表单提交验证
完全独立的javascript网页表单提交验证。
调用简单,样式通用,你不用再写样式。一款非常好用的网页表单验证控件。
先看看效果吧,如下图:
调用方法:
var a = validator({
"form": "validator-form",
ajaxSubmit:true,
beforSubmit:function(){
//alert("表单提交前执行的函数");
},
afterSubmit:function(){
alert("ajax提交后返回的数据是:"+this.responseText);
}
}).add({
"target": "username",
"rule_type": "username",
'action':'2.php',
'tips':'说点什么好呢'
}).add({
"target": "password",
"rule_type": "password"
}).add({
"target": "confirm-password",
"rule_type": "password",
"sameTo": "password",
'error':'你填写的密码不正确或者和原密码不同'
}).add({
"target": "age",
"rule_type": "number||empty",
"error":'虽然这玩意儿不是必填项,但既然你填了,就把它填对吧。'
}).add({
"target": "birthday",
"rule_type": "date||empty"
}).add({
"target": "id-card",
"rule_type": "idcard||empty"
}).add({
"target": "email",
"rule_type": "email"
}).add({
"target": "qq",
"rule_type": "qq||empty"
}).add({
"target": "telephone",
"rule_type": "phone||empty"
}).add({
"target": "mobile",
"rule_type": "mobile||empty"
}).add({
"target": "phone",
"rule_type": "phone||mobile",
"tips": "请输入您的手机或座机电话号码!"
}).add({
"target": "zip-code",
"rule_type": "zip||empty"
}).add({
"target": "ip-address",
"rule_type": "ip||empty"
}).add({
"target": "url",
"rule_type": "url||empty"
}).add({
"target": "message",
"rule_type": "require"
});
var reset = document.getElementById('reset');
var del = document.getElementById('del');
reset.onclick = function(){
a.reset();
}
del.onclick = function(){
a.remove('username');
}
如果你也觉得好用的话就收藏吧。
演示地址:http://www.webzhishi.com/demo/validator/index.html
javascript网页表单提交验证:目前有3 条留言
发表评论
您还未登录,需要登录后才能发言
开发网站必用到的。
2012-05-31 08:45:08嗯,是的。
2012-05-31 10:08:07博客不错啊,支持
2012-06-05 23:13:58在网上想看个啥都要注册真麻烦
2012-06-23 00:10:08我这里不需要注册的。
2012-06-27 09:38:42