您好,欢迎访问一九零五行业门户网

较酷的表单验证(jQuery+css3)

今天发现了一款很酷的表单验证插件,来分享给大家。
页面底部有演示、免费下载链接。若是想看更多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元
其它类似信息

推荐信息