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.18ch.com-福利彩票论坛| www.239297.com-快三讨论群-| www.397584.com-彩票几点停止卖| www.45801.com-南洋彩开奖结果查询| www.054982.com-出租体育彩票机器| www.895095.com-华彩在线是不是骗局| 大赢家彩票平台www.509980.com| www.246362.com-91彩神官网-| www.390515.com-熊猫彩票兼职靠谱吗| www.2755.xyz-福彩3d讨论群微信| www.024392.com-靠谱的体育彩票| www.256697.com-彩票人人网-| www.950211.com-网销彩票-| www.225211.com-河南省快三开奖| www.35772.cc-快彩网极速快3计划| www.921061.com-彩票跨度是怎么看的| www.145271.com-11选5线上购彩| www.284460.com-国彩彩票-| www.007.loan-至尊争霸彩票假不假| www.606117.com-购买足球彩票app| www.578753.com-体彩店五星网点| www.681915.com-福彩三d之家| www.848978.com-玩时时彩哪个软件好| www.954634.com-外国彩票app下载| www.fm08.com-足球彩票比分| www.828.org-双彩论坛体彩试机号| www.20cl.com-体彩16号开奖结果| www.300881.com-人人中彩票咋样| www.386191.com-彩票多ip怎么解决| www.562876.com-中福快三吧-| www.639729.com-彩票假的离谱| www.710371.com-银行卡套彩金犯法吗| www.785831.com-各地福彩快三合法吗| www.867229.com-中国体彩下载一定牛| www.929931.com-福彩3d九宫八卦图| www.987298.com-湖南省福利彩票兑奖| www.ce50.com-优彩社优彩社区了知| www.vm22.com-福彩怎么买-| www.32vh.com-湖北体育彩票加盟| www.131105.com-洛阳洛龙区彩礼多少| www.326748.com-美国昨天彩票出奖| www.475304.com-彩票网站招聘| www.28065.com-阿里彩票入口| www.268440.com-福彩3d新浪直播| www.763209.com-体彩外围倍率| www.877599.cc-多网彩迷-| www.956969.com-3d彩吧论坛开机号| www.ba87.com-大发快三和值走势| www.525184.com-圣地彩是真的吗| www.780422.com-大片樱花树彩铅画法| www.870934.com-刚力彩芽作品番号| www.956363.com-快三彩票有哪些| 环球彩票www.81455.com| www.dj73.cc-体育彩票的玩法| www.01zq.com-10个数字的彩票| www.xq77.com-七星彩19037期| www.45de.com-彩虹无人机上市公司| www.703723.com-大发快三单双怎么玩| www.033.cc-唐龙快递彩图| www.273882.com-时时彩老版走势图| www.894797.com-彩票中奖地区查询器| www.974501.com-一定牛彩票网黑幕| www.jf68.com-彩派电子走势图免费| www.k79.com-彩票赚钱的软件下载| www.37067.com-java彩票系统| www.009064.com-瑞彩祥云注册邀请码| www.073235.com-凤凰彩票网址下载| www.912094.com-买私彩注意-| www.976842.com-临沂彩礼-| www.aj5.cc-网络彩票骗局大揭密| www.7502.pw-体彩自动销售机| www.226826.com-10分快三下载| www.169576.com-内蒙古快三专家推号| www.273068.com-福利彩票地址| www.354244.com-买彩票的诀窍| www.270214.com-官方567彩票| www.358154.com-88爱彩是正规的吗| www.820630.com-七星彩解梦-| www.885335.com-彩票16-| www.s63.vip-体彩排列三金胆| www.80fc.com-好彩票平台是真的吗| www.2543.net-灯彩制作过程| www.529830.com-彩票彩宝贝-| www.753128.com-下载hk百彩网网| www.828651.com-英国彩票大奖姓名| www.906973.com-快三可以常赚吗| www.315096.com-澳门3d彩票-| www.217351.com-英国时时彩开奖网站| www.754875.com-华亿彩票aqq| www.830566.com-印象彩票手机登录| www.905018.com-甘肃快三跨度走试图| www.970368.com-ag五分彩-| CP701www.627791.com| www.627278.com-bb彩平台下载| www.88dj.cc-体彩大乐走势图| www.019225.com-复式彩票多少钱| www.110117.com-体彩第19030| www.14388.cc-中体彩彩票运营管理| www.cai666.cc-新快三是什么| www.945515.com-一分彩是什么| www.236685.com-体育彩票官方app| www.893936.com-幸运彩票助手软件| www.974472.com-排三体彩双双字谜| www.cp1333.com-五分快三计划网在线| www.4236.org-陕西三彩集团| www.801580.com-鼎盛彩票网9192| www.875125.com-酷彩app官网| www.946880.com-体育彩票高频彩种| www.990843.com-福彩3d的1d-| www.tk8.com-爱彩乐计划-| www.qp83.cc-中国福利彩票票种| www.10dl.com-网络福彩被骗| www.985429.com-三六零足球竞彩| www.568053.com-五福彩彩票票官网| www.606234.com-福彩3d八卦变号图| www.684628.com-彩票代投赚佣金兼职| www.686916.com-中彩那天词语| www.212727.com-乐迎彩票平台| www.378520.com-七彩蓝田投资真假的| www.731448.com-体彩十一-| www.un04.com-百姓百姓彩坛| www.332178.com-买彩票赚钱吗| www.538191.com-天下赢彩四不像| www.267375.com-五百万彩票图| www.456995.com-体彩排列3图迷画迷| www.888397.com-爱尚彩靠谱吗| www.998277.com-广州福利彩票官网| www.cm65.com-十大信誉彩票平台| www.0ww.com-乐彩软件是真的吗| www.70my.com-婚恋网络彩票诈骗案| www.30966.com-快三跨度怎样分析| www.3728.biz-七星彩19024| www.27096.com-76cp彩票-| www.91777.cc-顺丰彩票中奖率高吗| www.719736.com-福彩快三安卓版| www.587617.com-彩票排三开奖| www.q71.club-福利彩票开奖日期| www.460.com-体彩双胆预测专家| www.603871.com-福彩3d跟单-| www.670758.com-苹果彩票官方网| www.786875.com-七星彩票走势图| www.863530.com-七星彩高手交流专区| www.922280.com-彩票365可靠吗| www.968249.com-易彩堂下载网址| www.91yy.com-百万彩票一分快| www.073199.com-全民快三网址谁知道| www.893960.com-彩牛彩票是真是假| www.963037.com-彩乐乐专家杀号推荐| 易彩网www.36166j.com| www.362569.com-赞美彩虹的诗句李白| www.09322.com-105彩票网站| www.55285.com-内蒙古时时彩票| www.11qh.com-五分钟时时彩靠谱吗| www.13282.cc-竞彩投注量查询| www.022097.com-网络彩票可以玩吗| www.828773.com-青蛙彩票论坛| 大赢家彩票www.599290.com| www.302899.com-快三还能玩多久| www.389628.com-如何加盟福利彩票| www.494434.com-赢钱彩软件是真的吗| www.564161.com-福利彩票机器人代理| www.847118.com-竞彩盈亏的区别| www.362606.com-为什么没人买彩票了| www.b21.club-快三贴吧-|