您有个知识币

【退出】

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

下载地址:http://www.webzhishi.com/demo/validator/Validator.rar

本文固定链接: http://www.webzhishi.com/javascript-form/ | web知识网

【上一篇】
【下一篇】

javascript网页表单提交验证:目前有3 条留言

  1. vsBeta.com:  

    开发网站必用到的。

    2012-05-31 08:45:08 [回复]
  2. 毛巾批发:  

    博客不错啊,支持

    2012-06-05 23:13:58 [回复]
  3. 空气能热水器:  

    在网上想看个啥都要注册真麻烦

    2012-06-23 00:10:08 [回复]

发表评论