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天

知道了
彩乐分析 www.813498.com-福彩3d牛彩涂谜| www.956115.com-打彩-| 500彩票www.50026l.com| www.im83.com-彩29官网下载| www.i57.org-乐彩论坛手机版| www.050143.com-彩票店做黑彩挣钱吗| 公益福彩www.gyfc9.com| www.793963.com-福彩是赌博吗| www.883852.com-博瑞彩票正规吗| www.953579.com-竞彩足球胜负平规则| 福彩www.15355g.com| www.598373.com-体彩大乐透36期| www.675487.com-网上彩票app靠谱| www.112467.com-下载679彩票| www.763422.com-福彩3d图库第一版| www.901145.com-彩票收益分析数学| www.980217.com-竞彩胜平负推荐| www.wi2.cc-七星彩兑奖期限| www.16vo.com-圣罗兰明彩粉底液| www.206971.com-第1彩票网-| www.313788.com-彩票中奖新闻最近| www.416644.com-快三怎么买对子| www.521816.com-和彩印怎么设置文字| www.594622.com-三彩女装地址| www.666277.com-航天彩虹公司| www.751627.com-中奖彩票丢了怎么办| www.850258.com-截止前买彩票| www.926183.com-腾讯彩票官网下载| www.993340.com-足彩大神论坛| www.lr23.com-旺彩双色球官方网站| www.o51.com-数学高手买彩票| www.47hz.com-非凡彩票软件| www.973.live-够力彩票规律表| www.327392.com-湖北快三出号统计表| www.477613.com-南昌彩票销售招聘| www.576243.com-开心海南七彩票网| www.662630.com-竞彩看盘技巧| www.881043.com-网上怎么开设私彩| www.999860.cc-网上拉人玩彩票套路| www.il34.com-福彩网手机app| www.cp8322.com-体彩卩3走势图| www.400329.com-七星彩试机号开机号| www.bp4.com-福彩快3走势图上海| www.862299.com-k彩官网-| www.047997.com-体彩排3试机号| www.789238.com-足彩博彩技术| www.gv79.com-福彩技巧-| www.468770.com-天津南开彩票站转让| www.771199.com-彩虹台在线直播| www.sm62.com-时时彩开奖器谁快| www.998435.com-福彩开将结果今天| www.54rw.com-黄金屋368彩票网| www.6042.org-田伟实战足彩| www.2983.xyz-天下彩现场开??| www.8132.wang-上海向彩-| www.62505.com-极速⑥合彩票网| www.586024.com-为什么彩票都会维护| www.102266.com-五省快三基本走势| www.821555.com-七星彩推荐号| www.916767.com-快5彩票玩法| www.cp2985.com-时时彩报警后果| www.203578.com-七乐彩几个号算中奖| www.169234.com-安徽快三遗漏| www.819281.com-真正彩票高手是| www.195648.com-江苏快三走势图∵| www.908792.com-湖南省福彩发行中心| www.987583.com-福利彩票全国兑奖| www.dp10.com-江苏快三彩票| www.437622.com-竟彩胜平负开奖| www.330195.com-快三微信群怎么加| www.539335.com-私自转让彩票店处罚| www.976847.com-苍山订婚彩礼| www.we0.com-排三彩宝网试机号| www.906761.com-哪个平台有极速快三| www.27767.cc-福利彩票红区中三个| www.20647.com-玩时时彩稳赢的心态| www.469695.com-美国的彩票哪里买| www.656127.com-福彩3d11和值| www.777456.cc-彩八仙时时彩苹果版| www.973167.com-纯彩虹图片-| www.l00.top-河北福彩网20选5| www.14688.cc-清明彩票-| www.100063.cc-百宝彩河北快三| www.278713.com-戒彩吧-| www.488477.com-上海双色球快三| www.678125.com-易彩堂怎么注册| www.807393.com-足彩2串1计算公式| www.974127.com-双色球江苏彩民中奖| www.35fn.com-福星彩全年资料| www.1184.cc-七星彩杀号技巧大全| www.7776.com-彩霸王心论坛| www.25731.com-网上世界杯彩票| www.89857.cc-七乐彩100走势图| www.057620.com-乐彩app官网| www.368066.com-快三有黑幕吗| www.484422.com-福彩3d奇偶-| www.2299.live-山东好彩快三计划| www.47iy.com-彩票账对不上怎么办| www.150779.com-福彩快三诈骗手法| www.am67.cc-人人彩票注册| www.35175.com-极速快三查询| www.0419.cm-520裕兴彩票网站| www.863752.com-竞彩足球开奖| www.400044.com-福彩双色球技巧规律| www.109992.com-七星彩一注-| www.295366.com-彩吧3d寻马图| www.673662.com-汇丰彩票能挣钱吗| www.786309.com-彩票查询双色球开奖| www.873459.com-体彩为什么要限制| www.020790.com-内蒙古彩票三d| www.159998.com-苹果彩票投注app| www.292000.com-搜索快三助手下载| www.686952.com-竞彩500比赛直播| www.778226.com-三六零彩票开奖查询| 玩彩吧www.777337a.com| www.lt51.com-福彩代理怎么拿提成| www.g07.net-彩票工具箱-| www.083558.com-体彩南方网-| www.020430.com-官方彩38-| www.57075.com-彩库宝宝下载| www.96735.cc-用什么买彩票比较好| www.041799.com-今晚足球竞彩| www.111220.com-快三单挑一码| www.78694.com-大乐透乐彩论坛| www.881994.com-01彩票合法么| www.127489.com-彩宝贝双色球预测| www.658336.com-老彩票网-| www.287925.com-优彩网举报客服| www.365665.cc-彩色铅笔画人物简单| www.487746.com-彩托是怎么回事| www.583620.com-看彩票走势有用吗| www.436572.com-篮球彩票场次少| www.6768.hk-爱彩88-| www.55027.com-时时彩和值和尾跨度| www.128847.com-环球彩票68806| www.109035.com-足彩初赔秘诀| www.6991.cn-电话彩票怎么买彩票| www.22921.com-福彩3d是假的| www.60266.cc-58黑彩-| www.840818.com-彩妆盘品牌-| www.609737.com-今晚7星彩开奖号码| www.707520.com-时时彩送彩金27| www.779883.com-彩票易中奖预测软件| www.851363.com-彩票易快3-| www.cp6339.com-体育彩票官网| www.956024.com-福彩近十期开奖号| 盛彩网www.41518h.com| www.ft48.com-胜利彩票无法提款| www.zr25.com-足彩胜负平都买| www.14gw.com-福彩3d的中奖号码| www.88193.cc-彩霸彩票app| www.263420.com-七乐彩中奖对照表| www.268336.com-时时彩500万下载| www.25657.com-菜鸟彩票登录| www.309369.com-下载体彩扑克三| 乐彩赢www.0014m.com| www.1ee.com-手机买彩票那个好| www.qs46.com-贵阳福彩中奖未领| www.34tf.com-蜀州通的彩票地址| www.35536.com-盛世彩票ss555| www.020302.com-凤凰娱乐彩票合法吗| www.083572.com-私彩开奖原理| www.375723.com-安徽宣城彩票中奖| www.65dk.com-福彩投诉网站|