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.911561.com-家彩论坛手机版| www.lb01.com-下载中彩网双色球| www.31or.com-体彩星期四开什么| www.0042.live-金冠彩票-| www.01299.cc-足彩网必发指数| www.84396.com-彩瓦多少钱一块| www.052376.com-彩神vapp靠谱吗| www.202441.com-福彩迷下载安装| www.301496.com-网易大乐透彩票预测| www.417717.com-彩虹6号围攻退款| www.535058.com-福利彩票机器出租| www.679813.com-体彩天下是国家的吗| www.770273.com-名人彩票网官方网站| www.890770.com-体育彩票宣传语| www.970223.com-网络彩票老师带单| www.nc2.cc-河南体彩排三预测| www.pt05.com-北京六分快三查询| www.28lw.com-三彩官方网站| www.1463.cm-彩铅鹿星空图| www.9860.online我的彩票账户登陆| www.75438.com-彩票风云-| www.031385.com-玖玖彩票的骗局| www.110931.com-体彩玩法时间| www.183826.com-娱乐快三输钱| www.261002.com-体彩任九场胜负查询| www.336265.com-万达彩票-| www.424100.cc-金彩网天下与你同行| www.525730.com-竞彩总进球-| www.739399.com-百盈快三结果查询| www.817243.com-玛雅吧玩彩票输死了| www.890747.com-彩27-| www.961429.com-福彩3d牛彩图谜| 99彩票www.202909.com| www.iz89.com-中竞彩网首页| www.c21.mobi-足彩推荐分析预测| www.34qk.com-快三号推荐-| www.1182.love-慱发彩票是哪里的| www.7962.org-印尼博彩业合法| www.31226.com-重庆实时彩技巧| www.77375.com-悟空彩票怎么样| www.030994.com-被诱骗买彩票亏三万| www.111263.com-3d彩票交流群| www.184441.com-彩票高手经验| www.258857.com-福彩选号助手老款| www.336753.com-彩票天天彩选四| www.421114.com-金手指足彩报推荐| www.527681.com-时时彩如何看遗漏| www.685856.com-欢迎使用彩票专业版| www.770238.com-玩彩被黑了怎么办| www.879477.com-彩票怎么刷流水稳赚| www.967174.com-7星彩多少天内兑奖| 吉利彩票www.80065d.com| www.gb28.com-福建厦门福彩快3| www.xw84.com-彩票咋样才能中奖| www.23ww.com-凤彩网页版登录| www.0366.cm-777福彩双色社区| www.6663.loan-提供全天时时彩计划| www.19896.com-微信里面能买彩票吗| www.61224.com-cp彩票安卓-| www.033374.com-怎样加入彩站宝| www.110420.com-福彩双色球开什么号| www.178516.com-福彩3d和值表| www.249624.com-505彩票网页版| www.321014.com-彩票开奖了d| www.391679.com-美狮彩票官网| www.567732.com-彩c36官方-| www.637406.com-福彩基金-| www.739425.com-福彩复式计算器| www.813071.com-网络彩票诈骗退款| www.885372.com-三宝生活彩票| www.970290.com-七彩奖开奖直播| www.bt3.cc-长城彩票骗局| www.nw15.com-足彩任选九查询| www.3fv.cc-彩票有效期多久| www.57tp.com-支持花呗充值彩票| www.0014.cn-生肖彩票手机怎么买| www.7728.in-彩票中奖领奖图片| www.25052.com-国产彩铅排行榜| www.66047.com-京东如何买彩票| www.037785.com-乐彩网代理邀请码| www.123540.com-江西快三怎么玩稳赚| www.194128.com-那个快三平台送彩金| www.263897.com-彩票手机购彩app| www.365422.cc-新起点彩票是骗局| www.449156.com-齐鲁福利彩票| www.539460.com-彩票站未来发展趋势| www.688498.com-鸿鼎彩票会员登录| www.763022.com-星光彩票作弊器| www.858598.com-竞彩足球可以胆拖| www.921883.com-91彩神贴吧-| www.975487.com-蚂蚁彩票计划软件| www.gd3.com-时时彩最新技巧| www.nz88.com-快三守号计划图表| www.0ft.com-内蒙古快三看准豹子| www.50gx.com-烟台福彩招聘信息| www.609.cn-时时彩对子出号规律| www.4313.biz-华夏鑫彩易积分| www.9348.biz-福彩公证员是假的| www.68492.com-福彩怎么领奖的| www.023419.com-七乐彩何明专家预测| www.091055.com-博众时时彩官网| www.154321.cc-福彩快三中两个号| www.254875.com-万博时时彩官网平台| www.322316.com-高手彩票彩票玄机| www.388729.com-中国体彩即开8| www.522288.com-下载51彩虹挂挂| www.585917.com-天天中彩票系统更新| www.654702.com-江西福彩电话| www.752959.com-速赢彩是不是骗人的| www.831523.com-2019竞彩销量| www.894088.com-彩票聚财神app| www.954895.com-跑马彩票官网| 彩票驿站www.2350i.com| www.ca40.com-燕赵风彩排列5| www.rt78.com-旺彩店主版-| www.11wv.com-彩61登录-| www.73br.com-体彩排列三预测杀号| www.0912.bid-三分钟彩官网网址| www.8238.biz-体彩店内买福彩| www.23899.cc-网络彩票网站案例| www.63063.com-澳客手机彩票网手机| www.027657.com-爱彩网-| www.095026.com-哪个软件可以买彩票| www.154629.com-足彩竞猜世界杯| www.252586.com-盛大彩票有人带赢钱| www.318495.com-竟足彩票开奖结果| www.380932.com-七乐彩开奖号码顺序| www.513722.com-体彩排列3预测字迷| www.575897.com-彩票停售要那么久| www.639441.com-彩票站买假刮刮乐| www.739480.com-时时彩合买大厅骗局| www.802695.com-彩八仙人工计划安卓| www.869825.com-怎么看彩票开奖视频| www.969831.com-彩票5d开奖号| www.cai5044.com体彩11选择5| www.ji22.com-发彩网网站多少| www.ys33.com-吉林省体彩孙宪斌| www.13xg.com-百世子彩票软件| www.73qi.com-彩票实战技巧丛书| www.0548.vip-福彩一句子定三码| www.8923.cc-盛兴彩票v3线路| www.37291.com-香港新星彩网| www.75720.com-博马彩票app下载| www.020379.com-彩02彩票app| www.080939.com-万能toto大马彩| www.132710.com-世界杯足彩盘口| www.195939.com-江西快三推荐| www.255542.com-七星彩开奖号码结果| www.315980.com-体彩所有店内效果图| www.375005.com-体彩乐选二票| www.608106.com-彩友会坑了七八万| www.668740.com-中国人国外中彩票| www.730635.com-易彩快3人工计划网| www.790399.com-买彩票下载那个软件| www.855165.com-快三中了豹子多少钱| www.906086.com-怎么安装福彩3d| www.960219.com-怎么从手机上买彩票| 澳客彩票www.105ak.com| www.ah47.com-5分彩怎么玩| www.of83.com-福利彩票预测官方网| www.3cn.com-天天彩票黑平台| www.44og.com-竞彩合买跟单| www.99wz.cc-黑彩开奖系统| www.2179.wang-七彩影城爱建店影讯|