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.435432.com-都匀彩票店位置| www.402258.com-dd彩赚钱什么套路| www.580443.com-体彩排三走势图排| www.673447.com-体彩开奖排列三| www.997338.com-登录奔驰彩票app| www.sv33.com-彩票公式-| www.928735.com-旺财彩票代理| www.458058.com-福利彩票店挣钱吗| www.861028.com-字谜十藏机一彩吧图| www.73987.com-博彩源码论坛| www.109850.com-大发ok彩票-| www.713155.com-可靠的手机彩票软件| www.048818.com-玩彩老头-| www.908123.com-爱购彩网址是什么| PK彩票www.www.23040.com| www.63yg.com-优彩师怎么样| www.31638.com-19043胜负彩| www.956298.com-彩票之家应用| www.608283.com-彩票背后的秘密| www.193582.com-一分快三太坑| www.571972.com-甘肃快三速查表| www.062707.com-体彩屋的网址| www.359261.com-微博彩票在哪| www.669934.com-七星彩票开奖结果查| www.761603.com-中国体育彩票的玩法| www.832261.com-7彩网彩票app| www.1954.vip-盐湖福彩论坛| www.176303.com-快三qq计划群| www.88256.cc-能提现的彩票平台| www.764699.com-看彩票的软件哪个好| www.249648.com-234彩票软件| www.333499.com-数学高手买彩票| www.102347.com-5360彩票怎么样| www.437.in-极速快三和值技巧| www.010.bid-昆明七彩公链骗局| www.251311.com-中彩这个软件正规吗| www.393553.com-竞剩足球彩客网| www.99132.cc-许昌彩礼一般多少钱| www.66335.cc-彩票一等奖的真实性| www.297004.com-彩票k线分析| www.399268.cc-七星彩开奖号码35| www.328903.com-注册免费彩金| www.475943.com-国丰彩票官网| www.05505.cc-天天快三彩票网51| www.99376.com-买足彩哪个网站好| www.131670.cc-河南福利彩票官网站| www.244177.com-辽宁唯一体彩网| www.733866.com-体彩福建31选7| www.466110.com-丰汇稳彩-| www.566364.com-易彩富民地-| www.197272.com-查询彩票开奖结果| www.863058.com-肥城彩票中3亿| www.112967.com-购彩彩票下载安装| www.pk80.com-中国竞彩官网| www.128014.com-彩虹宝宝第一季中文| www.114263.com-深圳市福彩-| www.520047.com-v800彩票-| www.207102.com-下载至尊彩app| www.23878.cc-有计划群的彩票软件| www.98219.com-福彩3d最准杀码公| www.063959.com-私彩平台怎么赚钱| www.397454.com-随时赚彩票ios| www.413613.com-澳门威尼人彩票网| www.582557.com-lotto彩票-| www.691639.com-足球彩票结果| www.806353.com-乐享彩票app| www.906238.com-彩色打印机红色偏暗| www.004173.com-时时彩要关闭吗| www.28ng.com-湖北有哪些彩票网站| www.079550.com-美国彩票领取规则| www.138809.com-鸿运彩票骗局| www.2947.cc-体彩店装饰-| www.518605.com-高频彩太害人了| www.624012.com-中国竞彩网赛果开奖| www.699982.com-彩客网什么时候能买| www.51821.cc-福彩牛彩网彩摘网| www.013533.com-七星彩1500-| www.311639.com-红牛彩票最新报道| www.506677.cc-乐彩网双色球遗漏号| www.399660.com-新乡2019彩票| www.022814.com-中国购彩网官网| www.254263.com-幸运快三百家号| www.804606.com-老梁说彩票完整视频| www.924907.com-非凡丹麦快乐彩计划| www.991030.com-126网络彩票| www.w57.cc-pp期期好彩-| www.85bv.com-网易彩票看走势| www.7549.cn-四川体彩竞彩店审批| 大赢家彩票平台www.811030.com| www.5yj.com-福建省体育彩票网| www.69oj.com-最新区块链彩票| www.0782.com-森下真依新原里彩| www.872421.com-中大奖彩票网站| www.958061.com-福彩中心主任被查| 九州彩票www.6769q.com| www.332611.cc-伯乐海南快三| www.63767.cc-福彩论坛三天计划| www.3757.cc-7星彩头尾资料信息| www.041774.com-竞彩足球受注赛程| www.021504.com-7k官方彩票平台| www.377187.com-结婚要不要彩礼钱| www.536972.com-6118彩票网站| www.058393.com-彩界联盟下载| www.572355.com-快三作弊器软件| www.800505.com-卓易彩票是诈骗| www.962509.com-福彩双色球兑奖金额| www.x94.xyz-彩八仙计划软件| www.508307.com-彩票收藏最新动态| www.955518.cc-日本娱乐彩票| www.26316.cc-约彩吧彩票下载| www.256131.com-彩八苹果版下载| www.4940.cc-d9娱乐彩票-| www.15212.cc-宁波体彩兑奖中心| www.185688.com-pc福彩是骗局| www.250301.com-红彩彩票官网| www.3246.com-e77乐彩注册登录| www.556009.com-乐彩任选六怎么玩| www.623058.com-在网上怎么购买彩票| www.697004.com-彩票大小规律性| www.520525.com-正规足彩怎么网上买| www.634050.com-555彩票软件下载| www.744618.com-华彩生活app官网| www.877992.com-大乐透彩票往期| www.965871.com-全发国际彩票黑不黑| www.cp0152.com-快三定单口诀| www.93116.cc-大乐透后区彩宝贝| www.7873.me-32元胜负彩一等奖| www.0615.cn-怎么开设彩票平台| www.293630.com-江苏福彩体彩| www.b62.top-七星彩的各种对数| www.160646.com-北京福彩中心主任| www.891637.com-好用的彩票统计软件| www.973427.com-彩虹宝宝歌词| www.8496.cc-快3彩票二维码| www.791419.com-网福利彩票自动选号| www.869626.com-七星彩中奖有顺序吗| www.932257.com-高返点彩票平台| www.982009.com-99彩-| www.xp.cc-广西快三开奖结果控| www.947247.com-中国彩吧中-| www.cai0005.com快三是什么意思啊| www.947524.com-体育足彩直播| QQ彩票www.89894m.com| www.fx92.com-百合网彩票托| www.up43.com-鸿彩网登录-| www.74ng.com-今天体彩排列五直播| www.99183.cc-竞彩直播新浪| www.099987.com-南方双彩票首页| www.954054.com-凤凰竞彩官网| www.2806.vip-香港合法彩票有哪些| www.9533.me-4位数彩票-| www.14121.com-怎样购买七星彩数字| www.712221.com-e彩手机版下载| www.804660.com-中国体彩幸运之门| www.40425.com-手机彩票怎么停售了| www.006700.com-博牛彩票官网下载| www.948783.com-万彩平台下载| www.947451.com-网上买3d彩票| www.948919.com-3d福利彩票查洵| www.cp0133.com-彩票平台网-| www.031558.com-彩票推荐网站哪个好| www.977816.com-足彩去哪买-| www.114847.com-富贵彩官网下载| www.253477.com-甘肃快三出号口诀|