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.tm41.com-福利彩票站申请流程| www.in48.com-怎么在手机上买福彩| www.1la.com-台湾乐透彩网站| www.038249.com-大财神彩票乐园| www.002230.com-七乐彩投注查询表| www.134833.com-网上哪能买河北快三| www.eg14.com-345彩票-| www.20sd.com-大智慧彩票是真的吗| www.6297.pw-凤凰彩票网址多少| www.585000.com-家彩网开机号大乐透| www.747410.com-乐优彩票提现| www.858394.com-彩票店装修-| www.939776.com-天天彩是真的假的| 彩乐乐www.cll168.com| www.878976.cc-中国体彩七位数| www.78195.com-中国福彩直播现场| www.022011.com-彩经网p3走势图| www.13rm.com-河南彩票大奖排行| www.0005.me-福彩3d两码差算法| www.9214.org-万达彩票真的假的| www.59515.cc-中国竟彩?首页| www.77986.com-福彩快三的奥妙| www.34ul.com-史上未开的七星彩| www.39uf.com-形容彩虹的美的诗句| www.14fq.com-七星彩超长规律图规| www.3954.org-最权威的足彩返还率| www.588317.com-七乐彩怎么看中奖| www.683852.com-免费彩票资大全| www.789740.com-竞彩彩票靠谱吗| www.877029.com-常见彩票玩法| www.972161.com-湖北彩票换球案| www.yj6.com-大发时时彩规律| www.3tj.com-福彩专家杀号2元网| www.261953.com-易彩幸运快三app| www.358661.com-下载23彩票app| www.459888.cc-体彩胜负彩怎么玩法| www.575716.com-九九福彩-| www.654534.com-天天彩票提现审核中| www.744779.com-类似于彩6的平台| www.820045.com-足彩概率计算| www.2035.pro-好彩堂全年资料大全| www.182706.com-老快三平台-| www.qa37.com-132彩票官方网站| www.698941.com-超级3d彩票助手| www.518318.com-七星彩五行走势图表| www.621872.com-随州论坛福彩社区| www.754037.com-菠菜彩金-| www.dt13.com-中彩网3d论坛| www.779772.com-福利彩票福彩3d诗| www.38137.cc-七星彩开奖直播收看| www.054464.com-竞彩足球推荐专家| www.187323.com-时时彩作弊开挂| www.443559.com-1216彩票-| www.873931.com-多乐快三彩票怎么玩| www.560073.com-澳门快三规律| www.409782.com-七星彩要不要按顺序| www.133000.cc-豪彩娱乐下载| www.228202.com-福彩快三计划手机| www.336955.com-新浪世界杯彩票| www.423255.com-张飞星彩xe-| www.06814.com-3d福彩官网下载| www.046943.com-网络e彩票平台| www.819536.com-易中彩票是正规| www.kj5.com-精彩十分怎么玩| www.565891.com-彩票12官方最新版| www.693886.com-app亚洲彩票下载| www.608381.com-荷兰五分彩开奖号| www.761411.com-被彩友会坑惨了| www.186533.com-高频彩票十赌十输| www.347448.com-南方双彩排五走势图| www.464849.com-彩票如何看出中奖| www.566743.com-彩票大只500登录| www.639913.com-下载彩虫7-| www.718091.com-体育彩票快乐扑克4| www.353375.com-京彩计划软件| www.5991.xyz-江苏体彩领奖地点| www.020941.com-众彩网安全吗| www.246495.com-哪个彩票一分钟开| www.019018.com-正规彩票网站送金| www.109061.com-彩票缩水好用的软件| www.791421.com-福彩双色球幸运选号| www.934519.com-掌中彩时时彩平台| 大赢家彩票平台www.817055.com| www.649388.com-彩跑玉米粉怎样清洗| www.816511.com-甘肃私彩赌博| www.135280.com-今天好彩三开奖结果| www.250881.com-豪彩app-| www.740553.com-28彩票登陆-| www.211760.com-上海天天彩走势图| www.331140.com-财神8彩票网| www.526236.com-竞彩猫指数的安全区| www.656717.com-宁夏体彩加盟条件| www.772225.cc-买彩票什么app好| www.923069.com-手机108彩票软件| www.go34.com-江西彩礼-| www.7220.cm-七星彩开奖结果一一| www.946669.com-体彩摇奖直播视频| www.689451.com-福彩时时开奖| www.639365.cc-自助售彩终端机| www.5436.top-体彩三走势图| www.06674.cc-排列五体育彩票| www.015748.com-七星彩怎么看懂规律| www.121143.com-快购彩票赛车| www.187702.com-时时彩长期稳定玩法| www.253098.com-甘肃好彩快三查询| www.710387.com-湖北快三计划范哥| www.820403.com-早上几点开快三| www.906392.com-赌快3黑彩受害的人| www.981779.com-彩之星娱乐平台注册| www.an9.cc-河北福彩体彩走势图| www.pp81.com-久久彩票下载手机版| www.301005.com-糖果派对掉彩金| www.rh18.com-七乐彩计算器| www.974981.com-体彩大乐透两个前| www.du91.com-五星彩票app| www.53ey.com-福彩销售员-| www.6727.xyz-理光彩色复印机| www.53529.cc-互娱彩票app下载| www.590884.com-中国足球彩票球彩票| www.773138.com-用概率学计算时时彩| www.931542.com-足彩骗局怎么赚钱| www.525396.com-金凤凰时时彩平台| www.860943.com-好彩一开奖历史纪录| www.vn.com-福彩开奖查询| www.as35.com-上海市快三走势图| www.908957.com-彩神2怎么玩| www.25867.com-聚彩彩票是什么| www.027.cm-传奇彩欢迎您| www.5317.biz-12彩票手机版下载| www.996460.com-龙江彩票-| www.243122.com-360彩票导航| www.9510.net-周易与彩票-| 大赢家彩票平台www.810355.com| www.138305.com-日本彩票开奖结果| www.259519.com-时时彩手机开奖软件| www.433449.com-东方彩票注册| www.571887.com-福彩通图标-| www.383963.com-彩票真假怎么查| www.81758.cc-博彩快三-| www.630937.com-海南七星彩彩票网| www.727165.com-福彩图彩频道| www.804856.com-百度七乐彩开奖结果| www.877502.com-福彩双色球开奖多少| www.981374.com-093彩票导师| 500彩票网www.919309.com| www.ev31.com-福彩谜一分快三| www.rx51.com-彩票曝光-| www.v99.wang-彩票自动提醒功能| www.5428.xyz-天马彩票提现不了| www.949157.com-电脑彩正版藏宝图| www.cai111.cc-福彩5d-| www.131543.com-吕梁十三县彩礼| www.252540.com-福彩网上能挣到钱吗| www.77285.cc-qq腾讯彩票网| www.912526.com-浙江快乐彩走势| www.142977.com-彩8com-| www.452826.com-百乐门彩票网站| www.396361.com-博友彩的邀请码| www.669474.com-今日体彩排列3谜语| www.803695.com-518彩票官方网站| www.955550.cc-竞彩2串1销量排行| www.ew97.com-免费下载快三开挂| www.693880.com-75秒时时彩-| www.004807.com-彩票33期-|