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.zq91.cc-舟山飞鱼彩票| www.632873.com-众乐彩网-| www.949401.com-11选五大彩鲸| www.cai328.com-信誉好的私彩平台| www.701298.com-菠菜对打刷彩金| www.879228.com-8忆彩下载-| www.967519.com-彩友群-| www.68231.cc-重庆彩票投注网| www.pq66.com-天齐网福彩3d字谜| www.918901.com-如何制作彩票软件| www.cai8200.com河北快三推荐号今天| www.wb90.com-ho123彩票网| www.369093.com-体彩排三19054| www.539506.com-彩神彩票大发快三| www.123893.com-彩票816是真的吗| www.4759.biz-祥瑞彩票官网| www.283522.com-七星彩怎样去领奖| www.sq47.com-家彩论坛-| www.31jp.com-周六什么彩票| www.0066.vip-什么彩票奖金高| www.0073.top-广西快三专家推荐号| www.9795.xyz-乐彩双色球静态版| www.79643.com-阜阳近期有彩票| www.73538.com-116彩票网-| www.879334.com-真锅彩介绍-| 中彩网www.71233z.com| www.537628.com-多彩是表示颜色吗| www.687109.com-湖南体育彩票论坛| www.813585.com-天水市体彩中心在哪| www.945652.com-福建体彩销售站电话| www.12393.cc-竞彩篮球比分直播网| www.994843.com-新浪体育彩票图表| www.kz21.com-苹果彩票手机版下载| www.co60.com-山东快三开奖号码| www.8673.top-云南时时彩开奖纪录| www.do23.com-彩票指南报纸电子版| www.29qo.com-彩票网站推广联盟| www.3310.biz-竞彩足球分折网易| www.141509.com-杀号定胆汇总凤彩网| www.255953.com-时时彩抓包改包赚钱| www.972046.com-印尼五分彩开奖记录| www.1521.online赤峰体彩中心电话| www.vo06.com-幸运快三有高手吗| www.297.cc-网上有人带玩七星彩| www.40177.com-足彩预测佬牛| www.258329.com-微信彩票下载手机版| www.397238.com-穿越福利彩票| www.541635.com-竞彩足彩彩票| www.670648.com-彩票平台吧-| www.815153.cc-福彩3d今日号码| www.141292.com-辽宁福彩网35选7| www.g30.cn-手机福彩合法吗| www.51752.com-福彩快乐12技巧| www.905774.com-出租体育彩票机器| www.69742.com-辽宁11选5彩票| www.603593.com-山西彩票案-| www.976243.com-河南安阳彩礼| www.u18.me-生彩宝手机免费版| www.522942.com-1888玩彩票-| www.7711.tv-一分彩开奖计划| www.8884.net-竞彩易中技巧| www.046114.com-网上福利彩票店开店| www.716881.com-彩铅彼岸花绘画教程| www.797526.com-c99是什么彩票| www.726730.com-流文溢彩-| www.845204.com-打什么彩票-| www.930315.com-时时彩助赢计划网页| www.44.me-福彩3d图吧-| www.0027.site-七星体彩开奖30| www.68152.cc-新彩吧图谜字谜| www.8703.vip-七星彩票开奖了| www.229190.com-彩788app下载| www.p33.me-体育彩票怎样玩| www.739554.com-爱彩乐号码推荐| www.845613.com-体彩竞彩比赛时间| www.ng82.com-篮球竞彩比分| www.287356.com-网上不能买足彩了吗| www.343216.com-伦敦两分彩开奖| www.93210.cc-快三辅助软件谁用过| www.360038.com-福彩的各种玩法| www.21781.cc-两个平台对打赚彩金| www.696622.com-台湾时时彩走势图| www.818034.com-足彩十四比分直播| www.613538.com-合乐彩票手机版登录| www.900749.com-3b彩报第三版| www.970604.com-深圳彩票中奖| www.bo15.com-147彩票下载| www.7219.com-请今晚七乐彩开奖| www.894625.com-合肥体育彩票中心网| www.923035.com-彩色纸箱设备厂| www.973863.com-708彩票-| 博通彩票www.684050.com| www.268586.com-河南福彩地址| www.882961.com-彩票内部中奖骗局| www.970940.com-买彩票如何中奖| www.15701.com-初学者一幅彩铅画| www.47999.com-福利彩票九宫八卦图| 吉利彩票www.80065f.com| www.401597.com-手机玩彩靠谱的平台| www.091755.com-体育彩票开店利润| www.25105.com-福彩群英会走势图| www.157099.com-英国5分彩开奖网站| www.528807.com-请我易彩堂合法吗| www.260632.com-捡到刮刮乐中奖彩票| www.728028.com-北京时时彩骗局揭秘| www.974406.com-28彩票是正规的吗| www.xp7.cc-3d彩吧图库第一版| www.i00.vip-七乐彩中奖概率社区| www.023519.com-福星彩开奖结果| www.13tm.com-山东体彩站点编号| www.4038.biz-河北彩票站如何盈利| www.029942.com-好运时时彩小助手| www.115011.com-星光彩票软件下载| www.01006.com-大发快三对子号规律| www.244711.com-内蒙福彩双色球| www.29eo.com-彩色铅笔画风景教程| www.85956.cc-彩涂卷-| www.2764.biz-彩票壁纸-| www.717028.com-彩铅手绘超写实| www.802780.com-福彩总部电话号码| www.873906.com-江苏快三个位玩法| www.941841.com-新疆时彩票开奖查询| www.998973.com-竞彩篮球彩票| www.s44.cc-新用户可以领取彩金| www.79wk.com-腾讯分分彩倍投方案| www.18qp.cc-汪亮解彩票事件| www.657820.com-河北广电彩票| www.763718.com-哪个能买足彩app| www.863750.com-彩票主任领奖被拆穿| www.929593.com-彩16app官网| www.980867.com-福彩店怎么盈利| www.al.com-大发快三官方网站| www.xf16.com-七彩官网下载| www.45if.com-彩票销售店怎么样| www.4703.win-比较好的彩票网站| www.cai2121.com银川福彩快三走势图| www.789708.com-盈彩国际app下载| www.876044.com-彩世界苹果版| www.953727.com-新浪爰彩网-| JJ彩票www.45258.cc| www.38517.com-官方彩app网站| www.55996.cc-重庆时彩qq群| www.504808.com-彩排还是彩排| www.559648.com-双彩论谈3d字谜| www.99jz.com-四柱测彩票数字绝招| www.012964.com-福彩彩神通今日快报| www.62fr.com-ff14仙人彩规则| www.567931.com-彩票网店宣传话语| www.730575.com-有玩彩票的大神吗| 159彩票www.159888a.com| www.75568.com-彩民村公开六码三肖| 豪彩VIPwww.808913.com| www.c11.vip-幸运快三代玩违法| www.35500.com-快三怎么猜和值大小| www.674451.com-79彩票平台注册| www.803411.com-天涯彩票故事| www.2947.pw-体彩店布置-| www.317221.com-九千万彩票网站| www.2387.cc-七彩西游记k8播放| www.8842.biz-福建体彩三十六选七| www.9776.vip-休闲快三教学视频| www.343673.com-适合学生的彩票软件| www.610216.com-七星彩二十八日预测| www.740377.com-盛彩彩票平台怎么样|