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.965772.com-江苏快三能买大小吗| www.45672.cc-中国福利彩票大乐头| www.679363.com-如何戒掉网络彩票| www.823499.com-彩涂釉施工价格| www.951965.com-彩03彩票-| www.cm91.com-吉林快三精准计划| www.51cc.com-足彩大富翁app| www.553331.com-七乐彩今天出什么码| www.691333.com-胜负彩14场直播| www.289872.com-彩票是不是骗局| www.456336.cc-快钱彩app安全吗| www.617193.com-彩票中奖了去哪领钱| www.121555.com-网络彩票输了十几万| www.411275.com-小猫彩铅-| www.256697.com-彩票人人网-| www.363226.com-周易梦兆七星彩解梦| www.266440.com-河北省福利彩票| www.666168.cc-彩票刷亏损平台| www.784688.com-天天红单买彩票| www.890991.com-快三豹子多少倍| www.971937.com-创彩网邀请码| www.dw01.com-彩票端app下载| www.e94.net-福彩走势图彩吧助手| www.170023.com-吉林快三质和走势图| www.508415.com-新加坡彩票玩法| www.600166.com-酒后中彩4830万| www.687596.com-非凡彩票是真的吗| www.848541.com-时时彩官网公告| www.972421.com-彩铅画入门眼睛图片| www.bc65.com-今天江西快三开奖| www.yr05.com-山东福彩网官方网站| www.949763.com-中华彩票李迎| www.cp8898.cc-北京快三预测号| www.265874.com-宁夏福彩中心地址| www.336661.com-彩票每天有多少人买| www.519238.com-福彩千禧3d彩牛网| www.40lj.com-彩吧三毛3d彩图| www.308075.com-网上买彩票该如何购| www.656977.com-福彩售票几点结束| www.764977.com-七星彩湛江彩版网| www.848042.com-二分时时彩规律| www.928035.com-福彩直播-| www.988521.com-下载全民福彩票| www.xf1.cc-体育彩票开奖| www.02iz.com-青海快三查询13| www.71766.com-香港天空彩票资料| www.039775.com-甘肃快三豹子走势图| www.140019.com-ee彩骗局-| www.224496.com-买彩票幽默的一句话| www.992480.com-彩客化学-| www.yp79.com-奇妙pk彩票软件| www.9967.cn-彩票以小博大| www.332273.com-体彩输钱可以报警吗| www.556001.com-查询七乐彩开奖信息| www.666836.com-乐彩客彩票安全吗| www.944481.com-江苏体彩手游彩下载| www.485709.com-购彩网可信吗| www.597423.com-一十选五彩票下载| www.986149.com-杨震足彩推荐更新| www.573267.com-饰彩饰的意思| www.790958.com-今天广西快三结果| www.954383.com-牛蛙彩正版资料大全| www.fg86.com-快三过滤器-| www.793984.com-8816是什么彩票| www.1059.org-玩彩票有什么技巧| www.127286.com-彩虹岛w国服在哪| www.642813.com-彩汪汪彩票-| www.708088.cc-竞彩误差是什么| www.zd18.com-红牛彩票最新报道| www.058823.com-吉林快三和尾走势| www.69798.cc-易彩补漆笔如何| www.039316.com-福彩走势图百度彩票| www.130333.cc-彩票查询大乐透最新| www.198526.com-大发彩票苹果app| www.01286.com-胜负彩历史开奖结果| www.20.net-海南私彩三字现包码| www.965504.com-百盈时时彩神计划| www.do4.cc-福利彩票快3怎么买| www.pt98.com-98098d彩票网| www.7ry.com-中彩票后不领奖| www.578983.com-qq30秒彩票-| www.617672.com-廊坊体彩中心| www.0101.com-沉迷彩票的后果| www.5826.cc-福利彩票网易开奖| www.936360.com-姜山足彩推荐| www.986018.com-3d彩报图库第一版| www.wf.cc-中国福彩官方网站| www.82798.cc-分分彩官网开奖| www.73tw.com-新浪彩票老黄历| www.25pv.com-福彩八卦-| www.649884.com-网上慱彩-| www.6329.xyz-下彩彩票网页版| www.611718.com-彩虹岛w台服下载| www.682958.com-广州好彩酒家电话| www.775713.com-广州市福彩公益金| www.857268.com-众购彩票app| www.914512.com-单机新快三下载安装| www.973307.com-快三是私人彩票吗| 幸运彩票www.807266.com| www.in71.com-专业玩彩-| www.xj42.com-好彩客安卓官方下载| www.488077.com-中彩票过程-| www.590008.com-原创足彩盘口分析| www.711604.com-中国竞彩网下载安装| www.832051.com-七星彩摇号吗| www.950844.com-开快三群需要什么| www.cai1744.com3分钟一开的彩票| www.32nh.com-彩票中奖谁先知道| www.608565.com-派彩合法不-| www.753272.com-体彩七星彩开奖结杲| www.cp3226.com-五省快三一定牛| www.5hi.cc-体彩大乐透大奖地区| www.03377.cc-究竟要不要买彩票| www.013414.com-天津时彩开奖时间| www.964159.com-几点买彩票中奖率高| www.056166.com-重庆时时彩怎么赚钱| www.219038.com-58彩票-| www.354831.com-足球竞彩二串一心水| www.616910.com-争神彩票-| www.740049.com-福彩一共多少个号码| www.934480.com-即时开彩新版| 红鹰彩票www.hy6933.com| www.361587.com-东方彩票骗局揭秘| www.315813.com-爱彩乐时时彩走势图| www.440310.com-彩乐乐杀号-| www.528208.com-彩879彩票-| www.603615.com-高频彩能否赢钱| www.545588.com-体育彩票店加盟电话| www.654950.com-七星彩app安卓| www.736136.com-福彩怎么卖-| www.858291.com-即时开彩结果| www.dn38.com-向日葵老师买彩票| www.89579.com-577彩票首页| www.hm23.cc-快三虚拟软件下载| www.2992.bid-时时彩组三组六规则| www.ys65.com-长春市体彩中心位置| www.wx76.com-旧版彩经网走势| www.95323.com-竞彩外围网站| www.127014.com-江苏南京快三查询| www.229967.com-共享彩票-| www.352261.com-彩票22是什么平台| www.476747.com-一三五台湾福星彩| www.492345.cc-刷福彩流水单| www.563642.com-湖北快三怎么手机玩| www.630762.com-宝盈彩客服-| www.698067.com-温州福彩中心在哪里| www.769771.com-188彩票网-| www.839901.com-竞彩合买app| www.896691.com-挪威彩票最高奖金| 幸运彩票网www.33598m.com| www.56128.cc-皇家彩世界官方网站| www.853579.com-彩6精华版网站| www.130513.com-我中啦彩票网官网| www.ok97.com-河北快三彩-| www.91pn.com-悟空彩票进不去| www.98iv.com-黑彩快三大小技巧| www.98nv.com-体彩大乐透摇奖直播| www.8003.cc-nba博彩上哪买| www.127846.com-彩虹哥卖号可信吗| www.615277.com-今日小小鱼彩吧图库| www.45ez.com-篮球彩开奖结果查询| www.576383.com-怎么下载快三游戏| www.099059.com-哪个平台可以买快三| www.533444.com-彩票的几种玩法|