今天发现了一款很酷的表单验证插件,来分享给大家。
页面底部有演示、免费下载链接。若是想看更多js特效、网站源码、 js教程请访问【素材火】 http://www.sucaihuo.com/js 还有演示demo,最主要是可以免费下载。1、
html
首先我们在页面上放置常用的表单元素:
用户名:
密码:
确认密码:
电子邮件:
年龄:
提交
2、
jquery
dbg = function(text) {
$(#debug).html(text + );
}
var inputs = [{
name: name,
type: chn,
focusmsg: '中文',
errormsg: 您的大名,
rightmsg: 填写正确,
ajax: {
url: /home/ajax,
errormsg: 用户已存在,
successmsg: 用户名可以注册!
}
},
{
name: pwd,
type: 'eng',
focusmsg: '英文',
rightmsg: 填写正确,
},
{
name: pwd1,
type: 'eq',
errormsg: 不匹配,
eqto: 'pwd'
},
{
name: email,
type: email,
focusmsg: '常用邮箱',
rightmsg: 填写正确
},
{
name: age,
between: [18, 78],
focusmsg: '1878'
}];
var regulars = {
email: [/^([a-za-z0-9_-])+@([a-za-z0-9_-])+((\.[a-za-z0-9_-]{2,3}){1,2})$/, 邮箱格式不对],
username: [/^[#]/, 不能这样写],
password: [/(lw)$/, 我要发火了],
eng: [/^[a-za-z]+$/, 只能输入英文],
chn: [/^[\u0391-\uffe5]+$/, 只能输入汉字]
}
$(#ajax).checkinput({
inputs: inputs,
beforesubmit: function() {}
});查看该特效演示及免费下载,请访问【素材火】:http://www.sucaihuo.com/js/85.html
ad:真正免费,域名+虚机+企业邮箱=0元