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.477225.com-体彩组3什么意思| www.93398.cc-足彩怎么排除平局| www.110781.com-868彩票下载安装| www.883857.com-新博瑞彩票幸运快三| www.6439.cm-新基诺彩票-| www.716928.com-彩色铅笔画的好处| www.809375.com-博众时时彩软件骗局| www.890034.com-花生彩票软件是真吗| www.964358.com-内蒙福彩快三软件| 500彩票www.338073.com| www.ln40.com-旺彩大师软件下载| www.981.net-七星彩中三个号码| www.96999.cc-福彩3d账号注册| www.835.cc-直播彩票软件| www.020864.com-今体彩排三开奖号码| www.274613.com-七星彩专家精准杀号| www.730342.com-易彩趋势-| www.873945.com-网易彩票快三| www.05ea.com-彩铅平涂法技巧图解| www.935511.com-分分彩在线平台| www.553927.com-熊猫竞彩中乙回放| www.106292.com-足彩世界杯冠军竞猜| www.021872.com-神级彩票系统微盘| www.772967.com-玩彩票心得体会| www.876070.com-彩托一个月工资多少| www.956449.com-今晚七星彩开奖信息| 鑫亿彩www.087079.com| www.4132.biz-彩虹10无人-| www.23955.com-福彩3d彩乐乐预测| www.683686.com-深圳快乐彩奖金| www.771210.com-彩神通关注码金码| www.cp0188.com-福利彩票快乐彩规则| www.92991.com-彩经双色球杀号专家| www.254060.com-澳客彩票官方网站| www.186872.com-分分彩规律技巧| www.4395.biz-乐彩vip平台下载| www.09309.cc-收到网上买彩票短信| www.80028.cc-爱乐彩票下载| www.828645.com-英国彩票种类| www.49951.com-体彩兑奖银行| www.kr91.com-福彩开奖精彩十分| www.65.com-滴滴彩票怎么玩| www.87sn.com-福彩提成多少| www.2349.top-三α彩票-| www.jg73.com-下载爱彩乐-| www.6481.cm-苏宁彩票快3| www.36627.cc-动态澳彩篮球| www.8785.biz-小炮七星彩开奖| www.065320.com-彩票33会黑钱吗| www.281724.com-七乐彩绝杀-| www.29792.cc-天行健福彩专家| www.87872.com-网络博彩是不是非法| www.054776.com-彩色无遮挡漫画全集| www.588722.com-五分快三走势分析| www.615384.com-今日说法黑彩三| www.719392.com-新彩吧!-| www.631730.com-七彩阳光一至五节| www.769523.com-讨个好彩头-| www.862761.com-褔彩选4-| www.gj42.com-福利彩票一分钟一期| www.35gy.com-南国体彩网-| www.294811.com-快乐彩票平台正规吗| www.94993.cc-彩妆加盟店品牌| www.081992.com-腾讯分分彩追号计划| www.143533.com-玩长城彩票挣钱吗| www.976273.com-七乐彩设奖表| www.zp2.cc-福彩河北快三结果| www.so18.com-这期五星彩开奖号码| www.314202.com-3d彩票开奖查询| www.921037.com-破解重庆时时彩规律| www.365895.cc-福彩3d组选遗漏| www.9439.cc-体彩排列三谜语总汇| www.67730.com-网上买彩票是赌博| www.065967.com-什么彩票软件送彩金| www.ff87.com-大发快三能破解吗| www.yr59.com-微信小程序彩票| www.29gr.com-搜狐彩票安全吗| www.418.net-3132分分彩-| www.6824.cc-极速3d彩票官网| www.177144.com-一分快三是真的吗| www.912124.com-开个体彩店有任务吗| www.40796.com-第九彩票网站大全| www.299305.com-爱彩乐推荐-| www.ez87.com-中国福利彩票中彩网| www.xe46.com-福彩幸运二走势图| www.28hn.com-龙胜彩票平台网址| www.327.vip-中发彩票平台合法吗| www.3720.com-球彩sam-| www.004148.com-体彩20分钟一期| www.536505.com-美国彩票名称| www.598486.com-七星彩历史数据表格| www.43381.com-体彩app手机助手| www.069037.com-快三中奖彩票图片| www.132989.com-篮球彩票在哪买| www.133412.com-彩色透水混凝土道路| www.128374.com-甘肃福彩3d太糊继| www.986665.com-快三彩票书籍大全| www.pp59.com-体彩官竞-| www.444258.com-网易竞彩彩票| www.63ub.com-内葛快三开奖结果| www.63327.cc-足彩19039最新| www.575644.com-福彩网3d-| www.2xr.com-金牛在线彩票平台| www.8985.top-天津体彩开奖| www.353575.com-彩票和股票的区别| www.328339.cc-中彩吧彩票平台| www.452713.com-竞彩收米的软件| www.555254.com-香港人博彩论坛| www.740955.com-网络博彩推广话术| www.21311.cc-做彩票流程-| www.cp9228.com-中彩彩票怎么玩| www.9494.com-彩票工具之今日运势| www.662453.com-双色球易彩网走势图| www.829133.com-cp9彩票-| www.947526.com-体育足彩14胜负彩| www.cp9269.com-中彩啦下载-| www.223969.com-十分钟福彩中奖技巧| www.640013.com-大通官网彩票| www.713336.com-美人鱼购彩-| www.782011.com-最稳定的彩票指标| www.852722.com-时时彩判断单双技巧| www.915108.com-速彩网官网-| www.966855.com-紫云涧福彩预测号码| 易彩集团www.25688l.com| www.eg31.com-建筑工地彩钢围挡| www.16nk.com-昨晚体育彩票中奖号| www.434324.com-彩票店业主发言稿| www.718325.com-安徽快三期开奖| www.534955.com-黄金分割彩票| www.625085.com-口袋彩票客服电话| www.682260.com-体彩排三双彩论坛| www.747178.com-全球彩票所有版本| www.813099.com-华彩生活app| www.880854.com-福彩3d开奖规则| www.51139.cc-首页彩票走势网| www.088.cm-七星彩宝贝奇偶| www.4869.vip-彩票人生-| www.19976.cc-怎么买河南快三| www.60607.com-七彩乐开奖结果图表| www.994627.com-福利彩票倍数| www.eb59.com-彩票500网-| www.161136.com-彩神快3人工计划| 818合彩www.www.8000hc.com| www.lw43.com-好彩妹石敢当的手| www.811593.com-彩票接口调用失败| www.899.red-十年前彩票中奖号码| www.12393.cc-竞彩篮球比分直播网| www.78420.com-排列三胆码凤彩网| www.035171.com-倍数高的彩票app| www.3849.top-海南今天七星彩规律| www.458870.com-cba彩票软件下载| www.713851.com-彩种什么意思是什么| www.122898.com-久久彩票的骗局揭秘| www.192822.com-河北快三预测一顶牛| www.263860.com-彩票诅咒-| www.333842.com-体彩键盘使用方法| www.405296.com-河南体彩彩票网| www.64ok.com-大吉大利刮刮乐彩票| www.445231.com-1彩票开奖-| www.557611.com-掌聊彩票下载| www.61107.com-七乐彩各省中奖情况| www.172513.com-新韩国快三开奖结果| www.193.live-零基础学彩铅画入门| www.509337.com-快开彩票开奖随机|