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.397122.com-长沙市福彩中心官网| www.030636.com-大小单双彩票违法吗| www.540121.com-5星时时彩在线缩水| www.77692.com-七彩乐开奖规则| www.983798.com-三亚福彩中心在哪里| www.951197.com-立彩彩票骗局揭秘| www.961078.com-大众彩票手机| www.385472.com-怎样领福彩一等奖| www.573313.com-彩票k线手机| www.662060.com-江苏今日竞彩| www.765066.com-808彩票网早版权| www.866836.com-彩票每周几开奖| www.941920.com-福彩套利兼职| 爱购彩票www.3552i.com| www.392061.com-网上体彩投注有吗| www.568776.com-排列三彩报第二版| www.657294.com-福利彩票开的游戏厅| www.750575.com-42678彩票-| www.503538.com-中超足彩竞猜软件| www.71709.com-精英彩票高手网| www.095211.com-四川彩票-| www.222689.com-河南快三专家预测网| www.ia32.com-江苏快三投注表| www.901995.com-彩6彩票网页版| www.977493.com-爱中彩票官网下载| www.lu6.com-人人彩是正规的吗| www.46677.cc-三彩官方旗舰店| www.386589.com-福彩三的八卦图| www.428532.com-牛蛙彩票开奖现场料| www.800512.com-体彩排列五大星彩票| www.787673.com-彩宝彩票提现难| www.446876.com-七乐彩走势图300| www.570328.com-七彩虹主板z77| www.678831.com-和彩云收费多少| www.799648.com-内蒙快三49期下载| www.910686.com-彩票o到9是什么彩| www.17539.com-赢彩票是正规网站吗| www.81127.com-体彩快中彩| www.074988.com-深圳市福彩投注站| www.024617.com-彩神通有手机版的吗| www.7821.com-双色球老彩民经验| www.014190.com-七星彩app-| www.709595.com-买彩票网站诈骗| www.834266.com-彩票软件哪家好比较| www.925605.com-金彩网彩票可信吗| 尊彩会www.zch7.com| www.567239.com-旺彩11选5下栽| www.711389.com-经济频道天天福彩| www.812117.com-河北竞彩玩法介绍| www.jd12.com-中国体彩网官方唯一| www.05ca.com-画彩铅阴影用什么笔| www.623.biz-所有彩票网站| www.5904.vip-体育彩票出兑长春| www.108500.com-诚信彩票app下载| www.805409.com-詹天佑3d彩票标签| www.912875.com-彩客彩票网-| www.981379.com-快三彩票qq群| www.hz7.com-福建快三遗漏下载| www.xc36.com-彩经网双色球| www.42rx.com-苹果原彩显示作用| www.711.com-足彩即时比分澳客| www.5414.com-七星彩票概率公式| www.069275.com-福利彩票网上能买吗| www.815948.com-今天福彩独胆一人| www.13332.com-易收米app竞彩| www.279499.com-彩票267-| www.025655.com-陕西福彩网双色球| www.828696.com-七天彩主页快三| www.956185.com-彩票致富-| www.ab72.com-江苏快三开奖的结果| www.637272.com-彩虹无人机产地| www.744998.com-大赢家彩票网站首页| www.838875.com-丹麦28彩票怎么玩| www.920607.com-幸运快三什么意思| www.987289.com-彩73娱乐-| www.fj17.com-江苏快三缩水软件| www.p95.top-福彩汇总预测| www.248926.com-中彩网彩吧开机号| www.688.org-福彩3d出号特征| www.030081.com-官方购彩网站| www.111460.com-彩票稳定计划团队| www.000.online-三彩家管家-| www.220548.com-优信彩票大发快三| www.572822.com-中福彩票手机版| www.aq74.com-拉菲彩票平台下载| www.184808.com-868彩票网站| www.258680.com-足彩竞彩分析| www.331811.cc-电脑版澳客竞彩| www.419342.com-金凤凰彩票-| www.513295.com-官方下载购彩网站| www.578669.com-星级彩票店-| www.658368.com-大乐透彩神通破解版| www.727841.com-体彩数字3-| www.800104.com-中国体彩网开奖| www.880219.com-福彩预测分析彩吧论| www.ig86.com-长沙体彩投站| www.zt51.com-福彩3d和值玩法| www.qa48.com-132彩票安卓| www.220419.com-福彩破解软件| 同乐彩票www.029709.com| www.250422.com-我要中体彩福彩下载| 网易彩票www.26163d.com| www.901532.com-福彩3d今天出奖号| www.1888.mobi-福利彩票太湖之谜| www.136337.com-广西体彩官网兑奖| www.606766.com-世界杯彩票竞猜软件| www.709998.cc-彩神论坛超准15码| www.824300.com-下载3d彩票图案| www.926924.com-31竞彩吧下载| 吉利彩票www.80075c.com| www.la17.com-购彩网366455| www.11ak.com-双色球杀号彩经| www.bg10.cc-福彩双色球预测军辉| www.52qc.com-什么是葡京彩票| www.1020.live-福彩中奖率最高的| www.732342.com-河南焦作温县彩礼| www.583552.com-官方彩app中文版| www.216530.com-澳门六星彩开奖| www.312911.com-幸运跑马彩开奖结果| www.130321.com-棒棒彩票下载安装| www.hb97.com-福彩快3app下载| www.881296.com-守信彩票骗局| www.952435.com-k彩线路测-| www.mp88.com-大发快三500彩票| www.0575.com-彩坛达人独胆| www.118486.com-博彩代理怎么赚钱| www.08xg.com-彩票合买领奖| www.790601.com-快三推荐代码| www.313154.com-网购彩票哪个网站好| www.302061.com-海南体彩41论坛| www.618421.com-酷彩吧app官网| www.117267.com-全国福彩体彩开奖| www.133753.com-快彩网正规的吗| www.887627.com-昨天体彩票开奖号码| www.444784.com-呼市福利彩票中心| www.63153.com-今天多乐彩开奖结果| www.077157.com-山东体彩11夺金| www.sa38.com-各国彩票-| www.297770.com-贵州体育彩票中心| www.59313.cc-美术作品彩铅画| www.335518.com-北京体彩网官网| www.633529.com-双色球杀号2元彩票| www.713516.com-王者彩票可靠吗| www.776302.com-时时彩后三刷大底| www.834522.com-高空彩烟25发价格| www.891982.com-1分时时彩-| www.940411.com-广东体彩开奖结果| www.981233.com-凤凰彩票vip下载| 91彩票网www.912484.com| www.du07.com-精准彩票中奖软件| www.rw03.com-牛彩票时票-| www.k36.me-吉林快三微信群正规| www.58156.cc-网易彩票3d杀号| www.948339.com-彩票投哪些注| www.cp6221.com-竞彩500-| www.cp72.com-上海天天彩选四| www.xp85.com-海南今天七星彩预测| www.22el.com-彩票开奖查询大乐逶| www.347.xyz-皇冠集团彩票谁知道| www.4553.cm-7星彩历史比较器| www.319318.com-北京快三打法| www.875149.com-分分彩玩到跳楼| www.qa72.com-567彩票注册| www.90385.com-彩票摇号机软件|