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天

知道了
1分快三 www.19vl.com-彩仙阁最新版| www.53895.cc-时时彩混选32注| www.90909.com-福彩平台算违法么| www.295711.com-彩票开机号-| www.94vj.com-093彩票正规吗| www.550866.com-彩票中奖是什么意思| www.921667.com-内蒙体彩票11选5| www.gb42.com-七彩奖开奖-| www.711995.com-时时彩能长期盈利吗| www.803526.com-博发彩票开奖网址| www.880232.com-国家禁止网上彩票| www.953412.com-彩票最低中奖多少钱| www.cai1799.com快3彩票是真的假的| www.uc55.com-快三内蒙古开奖| www.136146.com-下载山东十一选体彩| www.4142.net-彩虹频道手机直播源| www.015621.com-2元七星彩走势图| www.089180.com-台北快三开奖直播| www.21359.cc-竞彩比分直播彩客网| www.22578.cc-网赌江苏快三| www.954817.com-瑞彩祥云辅助器| www.xl4.com-中彩快三app| www.307795.com-高频彩票电子走势图| www.4722.com-博发彩票手机版| www.07vd.com-刚力彩芽强捧| www.951149.com-九号彩票手机登录| www.384365.com-玩彩票app怎么样| www.4112.net-模拟彩票摇号器| www.9333.me-彩球软件-| www.985146.com-728彩票怎么没了| www.co98.com-天天彩选四今天开奖| www.9511.online彩钢板多少钱一米| www.083162.com-快三56注号码| www.9349.cn-彩票管理中心14名| www.9454.com-讨论彩票的贴吧| www.612577.com-快乐彩走势图前三直| www.23994.com-体彩管理中心| www.648802.com-境外有中国彩票买吗| www.989293.com-瑞祥彩云app| www.lb27.com-彩票端用户登录| www.20jg.com-博盈彩票下载安装| www.678.xyz-极速时时彩计划网址| www.pt88.cc-2元彩票网走势图| www.079931.com-海南七星彩解梦| www.cf15.com-福彩3d合买计划| www.866544.com-昨天体彩出什么号| www.976223.com-彩礼和嫁妆的区别| www.27270.cc-幸运8五分彩规律| www.65xf.com-福彩开店-| www.71773.com-体彩3d二元网| www.80102.com-5星彩开奖结果| www.906928.com-如何看极速快三走势| www.989450.com-乐彩c1818-| www.il31.com-福彩快三遗漏走势图| www.08kf.com-彩票与生活庄子说梦| www.44320.com-福彩跟单操作兼职| www.61352.cc-网络售彩合法吗| www.121573.com-买彩票输最惨的人| www.230272.com-幸运快三哪里玩| www.21um.com-网上彩票中奖不承认| www.125250.com-444彩票app-| www.187.cm-彩铅画儿童创作| www.925.tv-博瑞彩票下载安装| www.6636.biz-双彩双彩网首页| www.22095.com-巅峰对决50元彩票| www.85007.com-山东福彩群英会遗漏| www.116411.com-168彩票账号| www.332355.com-福彩排列三试机号| www.201519.com-够力七星彩新版| www.cai0655.com江苏快三开奖查询| www.152248.com-彩民社-| www.511499.com-神彩趋势分析系统| www.655912.com-彩票会赔吗-| www.ye83.com-深圳体育彩票店转让| 幸运彩票网www.33598h.com| www.76168.com-彩票体育-| www.031121.com-铭发彩票是真的吗| www.103481.com-七星体彩开奖号码| www.526709.com-福彩专用音乐| www.78378.cc-福彩3d万能5码| www.154144.com-360福利彩票查询| www.008263.com-乐彩开奖公告| www.736292.com-彩票回血上岸经验| www.854470.com-福彩3d在线投注| www.911335.com-下载k彩网app| www.973475.com-卡通彩虹图片大全| www.923362.com-彩票站晚上几点关门| 网易彩票www.093wy.com| www.716023.com-福彩3d彩乐乐预测| www.810540.com-体育彩票led屏| www.919361.com-体彩打印机出故障| www.gt93.com-一分钟一开彩票网址| www.pz87.com-彩86下载地址| www.757892.com-竞彩宝app下载| www.962504.com-今日彩圣字谜汇总| www.ws86.com-快三速查表和值图片| www.hz15.com-快三害人-| www.590.com-什么彩种对刷赚钱| www.19726.cc-时时彩在线预测软件| www.958465.com-甘肃体彩手机在线| www.cp140.cc-彩票兼职骗局揭秘| www.lj53.com-彩票1-| www.hg28.com-湖北快三规律| www.14sp.com-腾讯时时彩开几期| www.10rn.com-四季彩登录电脑版| www.586255.com-七乐彩何明分析| www.697857.com-河北快三购买技巧| www.5998.in-深圳足彩分析师招聘| www.55434.com-彩博888平台合法| www.564452.com-时时彩三星定胆技术| www.066881.com-香港博彩及彩票税| www.399599.com-彩票开奖作假| www.88nt.com-彩九骗局-| www.067167.com-有多少人玩大地彩票| www.4538.biz-买彩票的最佳时间段| www.95342.com-福彩3d055期| www.209033.com-赢钱彩app官网| www.965934.com-彩票店广告宣传语| www.cp5911.com-彩票预测软件手机版| www.83768.cc-买彩票的坏处| www.283200.com-彩票的唯一规律均衡| www.5569.vip-d8彩票登陆-| www.29886.com-天天好彩949cc| www.78258.cc-竞彩足球彩票比分| www.635922.com-河南福彩七乐彩| www.717720.com-彩票占扑-| www.531138.com-时时彩止损方法| www.00xk.com-有多少人买过私彩| www.ol19.com-青海省快三走势图| www.17vl.com-体彩预测号码推荐| www.88043.com-3分彩怎么算买法| www.232040.com-福彩1d稳赚-| www.880453.com-时时彩代理招商平台| www.6ws.cc-赠送彩票营销| www.416940.com-福彩双色球是几选几| www.m36.com-快三推荐码-| www.36ps.com-中国体彩竞猜| www.010938.com-网彩开售吗-| www.803939.com-红旗彩票合法吗| www.876617.cc-彩票5d开奖-| www.936928.com-海南五星彩开奖结果| www.978949.com-南粤风彩选生肖技巧| www.cai5299.com韩国快三走势图| www.062933.com-彩票加盟条件| www.63726.cc-古建筑彩绘图片| www.25oc.com-福彩摆球顺序走势图| www.199989.com-安徽体彩开奖结果| www.2546.cn-福彩北京快乐8| www.52hx.cc-胜负彩欧赔指引| www.95ml.com-东莞彩鸿印刷| www.0220.cn-必赢彩票pk10| www.131124.com-万博购彩官方下载| www.891914.com-彩票开奖提醒软件| www.35102.com-天下免费彩资料综合| www.297729.com-快三表-| www.815193.com-发财网彩票下载| www.go48.com-河南商丘彩礼| www.556012.com-新加坡博彩批准| www.30198.com-北京28彩票开奖| www.62fz.com-彩赢家七乐彩| www.57561.com-澳客买彩票靠谱吗| www.054230.com-安溪体育彩-| www.898756.com-678彩票客户端| www.960813.com-709彩票在线|