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.291999.cc-福彩基诺怎么申请| www.507692.com-世界彩票三级认证| www.609375.com-67彩官网-| www.682649.com-福彩3d五线图解| www.761544.com-我要体彩的开奖号码| www.837961.com-105彩票平台下载| www.907684.com-合肥体彩领奖地址| www.977710.com-江苏快三几点封盘| www.mb82.com-福利彩票加盟| www.07eu.com-体彩一等奖-| www.74sn.com-时时彩的倍数是多少| www.720232.com-七星彩彩票看不懂| www.0724.site-十大彩票巨奖骗局| www.6718.com-彩票招收兼职群| www.22689.cc-快三赌博犯法吗| www.447758.com-体彩大乐透奖金多少| www.387065.com-彩膜-| www.9465.shop-美国有哪些彩票| www.523018.com-极速赛车彩票正规吗| www.761234.cc-德州好彩快三平台| www.599133.com-买彩票什么时间买好| www.76399.com-新浪彩2博客| www.fq83.com-安徽快三遗漏号查询| www.503673.com-竞彩足球总交易| www.12163.com-买彩票有规律可循吗| www.1019.vip-本溪彩票站火| www.491403.com-vip009彩票网| www.608559.com-彩视如何收费| www.678955.com-自学制作彩票app| www.755500.com-旺彩双色球历史版本| www.303928.com-分分时时彩技巧集锦| www.333506.cc-吃饭送彩票违法吗| www.019057.com-苏州彩票巨奖| www.552927.com-老挝时时彩诈骗| www.52224.com-亚博里的tcg彩票| www.226668.com-彩迷葫芦第-| www.581339.com-彩票选号走势图| www.oh32.com-湖南福彩-| www.39131.cc-福利彩票刮刮乐| www.6868.cn-大玩家彩票什么用| www.48222.cc-竞彩足彩彩票下载| www.715395.com-福彩3d直选技巧| www.083656.com-足彩18098推荐| www.5279.org-菲律宾5分彩| www.004782.com-吉林快三统计| www.16329.cc-香港正版彩神三码| www.785082.com-乐橙彩票app| www.206058.com-辉煌彩票app| www.023374.com-怎么买体彩-| www.073991.com-天空彩报码开奖| www.587438.com-贵宾室彩票网址| www.05536.com-彩票51下载手机版| www.281736.com-彩票指南电子免费版| www.827742.com-手机玩彩票可以提现| www.248519.com-苹果彩票网线路入口| www.rx7.com-上海快三五百期| www.1659.top-甘肃快三加奖| www.318521.com-高频彩票调整后销售| www.834952.com-好彩香烟哪里进口| 大玩家彩票www.84499t.com| www.785147.com-海南7星彩大奖| www.889551.com-在外省买彩票中奖| www.978334.com-梧桐彩票-| www.cp4699.cc-湖北快三销售时间| www.491729.com-黑客攻陷黑彩网| www.603429.com-新e乐时时彩网站| www.155752.com-微彩是违法的吗| www.524977.com-彩18平台-| www.757080.com-中华彩票导报网址| www.875094.com-安徽快三直播| www.ts0.com-最新体彩开奖号| www.2709.me-体彩排列三豹子遗漏| www.402435.com-竟猜足彩比分| www.019204.com-彩票之家开奖| www.54lf.com-快三49期-| www.3646.vip-福彩七乐彩如何兑奖| www.8807.vip-七彩直播破解版| www.36923.cc-免费送彩金的游戏| www.311659.com-红牛彩票网页版| www.415098.com-彩票推广经验| www.550031.com-足彩倾家荡产| www.664520.com-彩票站如何知道中奖| www.765523.com-千禧彩票网-| www.891363.com-幸运快三的技巧| www.968377.com-快三手机软件| www.q82.com-吉林快三不能用手机| www.246158.com-盛典彩票快幸运快3| www.k17.org-3d彩吧库图第一版| www.947146.com-福彩高频彩诈骗| 吉利彩票www.80075t.com| www.39554.com-建行手机银行买彩票| www.096378.com-江西福彩开奖号码| www.150529.com-彩八可以在哪里下载| www.214968.com-新湖北快三-| www.273631.com-五分快三顺口溜| www.333197.com-北京试机谜福彩3d| www.389242.com-双色球彩票中奖号码| www.29336.com-好彩票苹果手机咋下| www.506624.com-竟彩过滤软件app| www.581035.com-足彩购买推荐| www.651164.com-水彩教程-| www.110353.com-福利彩3d怎么买| www.192396.com-国民彩票app平台| www.262793.com-重庆时彩是骗人的吗| www.422600.com-长沙体彩销售网点| www.567134.com-爱彩人彩票网大乐透| www.671302.com-万彩mac-| www.781554.com-拉菲彩票平台转钱吗| www.872595.com-福彩迷app可信吗| www.958541.com-今天开七星彩| www.cai3343.com江苏快三复式投注| www.89nb.com-爱乐透彩票手机门户| www.872370.com-江西福彩自助| www.929268.com-福彩网可以买彩票吗| www.974797.com-福利彩票能网上买吗| 尊彩www.524947.com| www.cp167.com-1分快3彩票-| www.56hr.com-五彩缤纷造句| www.065195.com-时时彩怎么靠概率赢| www.878226.com-百盛彩票注册地址| www.964811.com-海南七星彩走势图表| www.cp3325.com-1分快三是官方的吗| www.9303.vip-七乐彩最新杀号公式| www.56835.com-彩票77苹果下载| www.58971.com-福彩字谜百度汇总| www.pi00.com-竞彩2串一-| www.787928.com-体彩排列5二等奖| www.880518.com-快三周易魔图| www.957324.com-香港老彩民高手| 彩票大家乐www.21202d.com| www.ku32.com-河南福利彩票双色球| www.273623.com-老时时彩宝典| www.331723.com-乐彩网注册邀请码| www.417718.com-博彩nba分析心得| www.504180.com-系统彩票是什么意思| www.655923.com-湖北彩妆培训学校| www.732555.com-三分快三计划网址| www.880881.com-凤凰网彩票有退水吗| www.984384.com-甘肃体彩下载软件| www.07878.cc-中彩那天生字拼音| www.2363.com-下载好彩快3| www.41708.com-苹果足彩软件| www.924205.com-1亿彩票app-| www.982646.com-彩之星平台-| www.cp639.cc-福彩快三代理| www.07hf.com-58彩开奖论坛| www.82ke.com-多彩网3d今天开奖| www.473397.com-以前中彩票的号码| www.098702.com-从购彩票网-| www.489498.com-小白彩票官方网站| www.579530.com-鸿运彩票在线软件| www.8288.cc-天天中彩票提款审核| www.49yy.cc-澳客彩票专家推荐| www.0029.online中彩票后很低调| www.024291.com-牛彩网3d图谜汇总| www.4144.net-彩虹六号手游安卓| www.10fs.com-体育彩票五位数开奖| www.3819.bid-怎样买竞彩足球稳赚| www.992300.com-时时彩个位做号技巧| www.cc60.com-黑彩立案标准| www.91qw.com-聚e彩票-| www.6310.me-36o彩票导航| www.ev43.com-快三的基本规律秘密| www.37888.cc-棒棒彩票主页|