QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 表单代码 > jQuery用户注册表单验证页面代码

原创商用 jQuery用户注册表单验证页面代码

一款基于jQuery制作大气通用的会员注册表单验证页面模板代码。输入手机号码,获取验证码,账户名,密码和确认密码验证等功能。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css" />

2、head引入js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/register.js"></script>

3、body引入HTML代码

<div class="aui-register-popup">
	<div class="aui-register-box">
		<div class="aui-register-link">
			<a href="javascript:;" class="fl">返回首页</a>
			<a href="javascript:;" class="fr">已有账号?去登录</a>
		</div>
		<div class="aui-register-logo">
			<img src="images/logo.png" alt="">
		</div>
		<div class="aui-register-form" id="verifyCheck">
			<form action="">
				<div class="aui-register-form-item">
					<input type="text" name="phone" placeholder="手机号码" class="txt01 f-r3 required" keycodes="tel" tabindex="1" data-valid="isNonEmpty||isPhone" data-error="<i class='icon-tips'></i>请输入手机号||<i class='icon-tips'></i>手机号码格式不正确" maxlength="11" id="phone">
					<label class="focus valid"><div class="msg" style="display:none"><i class='icon-tips'></i>您还未输入手机号</div></label>
					<span class="aui-get-code btn btn-gray f-r3 f-ml5 f-size13" id="time_box" disabled style="display:none;"></span>
					<span class="aui-get-code btn btn-gray f-r3 f-ml5 f-size13" id="verifyYz" >获取动态码</span>
				</div>
				<div class="aui-register-form-item">
					<input type="text" placeholder="动态码" maxlength="6" id="verifyNo" class="txt02 f-r3 f-fl required" tabindex="2" data-valid="isNonEmpty||isInt" data-error="<i class='icon-tips'></i>请填写正确的手机动态码||<i class='icon-tips'></i>请填写6位手机动态码">
					<label class="focus valid"></label>
				</div>
				<div class="aui-register-form-item">
					<input type="text" name="username" maxlength="20"  placeholder="账户名" class="txt03 f-r3 required" tabindex="3" data-valid="isNonEmpty||between:3-20||isUname" data-error="<i class='icon-tips'></i>您还没有输入账户名||<i class='icon-tips'></i>用户名长度3-20位||<i class='icon-tips'></i>只能输入字母、数字、且以中文或字母开头" id="adminNo">
					<label class="focus valid"></label>
				</div>
				<div class="aui-register-form-item">
					<input type="password" name="password" placeholder="设置密码" id="password" maxlength="20" class="txt04 f-r3 required" tabindex="4" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-20||level:2" data-error="<i class='icon-tips'></i>密码太短,最少6位||<i class='icon-tips'></i>密码长度6-20位||<i class='icon-tips'></i>密码太简单,有被盗风险,建议字母+数字的组合">
					<label class="focus valid"></label>
				</div>
				<div class="aui-register-form-item">
					<input type="password" name="password" placeholder="确认密码" maxlength="20" class="txt05 f-r3 required" tabindex="5" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-16||isRepeat:password" data-error="<i class='icon-tips'></i>密码太短,最少6位||<i class='icon-tips'></i>密码长度6-16位||<i class='icon-tips'></i>两次密码输入不一致" id="rePassword">
					<label class="focus valid"></label>
				</div>
				<div class="aui-register-form-item">
					<div class="protocol">注册即同意<a  href="#">《用户使用协议》</a>&<a href="#">《隐私权条款》</a></div>
					<input id="aui-btn-reg" class="aui-btn-reg" placeholder=""  readonly="readonly" value="注册" >
				</div>
			</form>
		</div>
		<div class="aui-register-bottom">
			<a>?17.com</a>
			<a href="#">联系客服</a>
			<a href="#">帮助中心</a>
			<div class="clear"></div>
		</div>
	</div>
</div>

<script type="text/javascript">
$(function() {

	$("#aui-btn-reg").click(function() {
		if (!verifyCheck._click()) return;
		alert('恭喜你!注册成功')

	});
});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
彩01彩票 www.7436.shop-福彩大赢家宗旨| www.212477.com-加盟彩票店要多少钱| www.372385.com-四系乃漫画全彩色| www.954663.com-七星彩资料大全| www.7342.cc-彩虹6号多少g| www.888828.com-七乐彩复式机选号码| www.970274.com-七彩乐近期开奖| www.vs8.cc-发达彩票-| www.4890.com-688彩票怎么样| www.391644.com-国富彩票是什么意思| www.585578.com-福州大学生中彩票| www.896736.com-派彩网11选5| www.7586.top-彩票分析软件怎么样| www.15778.cc-彩铅-| www.54770.com-恒彩彩票怎么样| www.kz34.com-福彩投注是什么意思| www.651114.com-陈流水彩画作品| www.0830.loan-彩票e站-| www.188077.com-彩票追杀-| www.18jm.com-国外大优彩票软件| www.31851.com-足彩比分彩票| www.024889.com-棋牌彩票一体的游戏| www.767545.com-牛蛙彩票软件安装| www.ob67.com-海南彩票论坛| www.56kk.cc-彩票站軟件下載| www.2830.vip-uu彩票app官网| www.16488.cc-竞彩足球跟单可行吗| www.87lj.com-玩彩票输了钱报警| 金掌柜www.83993u.com| www.902753.com-网上赚钱快三| www.989808.com-老快三走势图| www.fy51.com-马云把彩票全买了| www.i82.cn-双彩论坛彩吧网| www.38su.com-杭州体彩网征召中标| www.500.mobi-网上彩票套路| www.4481.cn-幻彩褪黑晚霜| www.300056.cc-哪些彩票属于官方的| www.789727.com-相亲网上玩竞彩| www.cp342.com-湖北快三开将结果| www.2999.vip-投彩网彩票投注站点| www.39hz.com-博彩包网服务| www.149856.com-038手机彩票网| www.95657.com-体彩未来趋势| www.946631.com-内蒙福彩时时彩走势| 凤凰彩票www.77801l.com| www.837252.com-l立彩-| www.047.live-手机怎样玩体彩| www.mw9.cc-快三稳赢绝招| www.3272.win-福彩问户-| www.23512.cc-义乌体彩网征召| www.10635.com-双色球乐彩网开机号| www.ec74.com-大发快三怎么看走势| www.000934.com-安徽快三形态彩乐乐| www.636019.com-彩虹棋牌安卓版官方| www.57sj.com-中彩票那天课文| www.7177.cn-彩票店黑彩-| www.90444.com-76c彩票怎样注册| www.077774.com-福彩网怎么了| www.181322.com-青海快三开奖详情| www.263054.com-青海时时彩走势图| www.88la.com-彩票开奖图表| www.560196.com-广东体育彩票app| www.666496.com-快乐彩票不给提现| www.755485.com-百发彩票合法吗| www.851867.com-爱彩乐内蒙11选五| www.982806.com-天际彩票邀请码有吗| www.fq31.com-胜利彩票app| www.033568.com-凤凰网彩网址| www.156300.com-彩票号码预测计算器| www.360184.com-港彩规律走势| www.788196.com-河南洛阳彩礼多少钱| www.160279.com-广东快中彩中奖规则| www.076914.com-5个数字的彩票| www.149869.com-甘肃快三每天多少期| www.228993.com-好彩三-| www.303937.com-甘肃福利彩票下载| www.365430.com-彩票网购平台| www.236712.com-竞彩足球胜平负| www.374800.com-今日福彩3d谜语| www.036562.com-k彩福福地-| www.133487.com-蚂蚁彩票不能提现| www.092028.com-彩票到底有没有作假| www.675566.com-意彩怎么注册| www.786775.com-106彩票官网安卓| www.897552.com-混合过关竞彩篮球| www.968750.com-彩世界安卓版| 博汇www.837771.com| www.06232.com-福彩3d胆码技巧| www.2898.org-最新彩票报纸大全| www.32921.com-e彩在线手机版| www.363552.com-中彩网河北快三开奖| www.014897.com-买彩票挣钱吗| www.gm30.com-江苏快三群真的假的| www.8jk.cc-老彩票下载手机版| www.564490.com-福利彩票3d组选图| www.277866.com-山东体彩排列3论坛| www.077305.com-彩色打印机哪种好| www.154115.com-足彩任选9规律| www.72614.com-体彩门店编号怎么查| www.056633.com-七星彩中中间五个号| www.869746.com-人人中彩票苹果版| www.952661.com-必赢彩网-| 彩票云www.888258.com| www.am95.cc-49彩票下载-| www.vz18.com-345彩票app-| www.24ce.com-足彩总进球数怎么说| www.258356.com-极速快三开奖规律| www.340155.com-神采飞扬和神彩飞扬| www.796846.com-任九足彩推荐| www.898430.com-重庆时彩刷返点技巧| www.975329.com-快三集体表演套路| www.uv2.com-马来西亚彩票可靠吗| www.qj29.com-博牛彩票规律| www.16mn.com-k彩在哪下-| www.383236.com-彩票号怎么选| www.853202.com-金福彩票jf-| www.908822.com-五分快三倍投计算器| www.973085.com-彩虹六号新手教学| www.56050.com-全民快三会不会骗钱| www.079083.com-传统足彩玩法| www.044866.com-免费彩票api| www.39dn.com-修武彩票6000万| www.883.hk-竞彩彩客网下载| www.6298.cm-广东福彩有app吗| www.nk02.com-提款安全彩票平台| www.405078.com-中国体彩网彩票| www.mo45.com-七星彩的中奖标准| www.578621.com-时彩平台充值漏洞| www.670261.com-狂欢彩票香港49| www.751620.com-80767九号彩票| www.864625.com-网上黑彩报警有用吗| www.175363.com-武汉福彩快三开奖| www.338236.com-贵州彩民中奖| www.621165.com-佰盈彩票网站| www.728342.com-699彩票平台| www.223826.com-e球彩进球数规律| www.867210.com-彩票要买几个号码| www.975834.com-洛阳洛龙区彩礼多少| www.cp15.com-彩客网电脑版| www.94xx.com-买彩票靠不靠谱| www.833244.com-好盈彩票app| www.865061.com-小米彩票中奖不承认| www.1558.pw-99999彩票-| www.338724.com-二分彩票查询双色球| www.455984.com-爱彩人彩票网好不好| www.553426.com-足彩二串一什么意思| www.610536.com-樱桃彩铅画教程图解| www.672798.com-休闲快三教学视频| www.735961.com-彩虹宝宝玩具| www.307115.com-湖北快三三同号遗漏| www.128015.com-彩虹宝宝中文版全集| www.495255.com-lol博彩的网站| www.613759.com-体彩选5-| www.020223.com-分分彩定位胆必中法| www.90nk.com-优胜客博彩公司| www.730339.com-时时彩平台官方下载| www.827323.com-五分彩是什么意思| www.54dz.com-怎样辨别彩票的真假| www.353279.com-京彩客户端-| 大赢家彩票平台www.980771.com| www.940967.com-刷彩票单是什么| www.082112.com-七星彩票软件下载| www.255399.cc-时时彩后一稳赚公式| www.23559.com-大本赢彩票-|