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天

知道了
东京好运彩 彩票5www.202703.com| www.733655.com-彩票开奖查询107| www.819097.com-福利彩票站投诉电话| www.906262.com-5分快3彩票-| www.974523.com-福彩3d太湖谜语| www.qc65.com-8亿彩app-| www.15rv.com-体彩店照片-| www.780278.com-彩票代理申请理由| www.56467.com-彩蛋-| www.317903.com-广东十分彩开奖结果| www.402110.com-七星彩百万号杀号| www.516389.com-中发彩票怎么邀请码| www.083644.com-哪里可以买电竞彩票| www.148944.com-中彩网电脑版| www.288663.com-熊猫竞彩app| www.378446.com-c58彩票com-| www.507132.com-三彩家管家-| www.048910.com-福彩排列3开奖号| www.005818.com-时时彩票下载中心| www.204771.com-江西快三投注平台| www.99je.com-乐彩网3d断组分解| www.2770.vip-体彩排练3试机号| www.32770.com-彩票驿站大发快三| www.365429.cc-手机玩快三的网址| www.136185.com-中彩票保密-| www.4681.cn-3g导航彩票-| www.702241.com-快三提前看开奖码报| www.785238.com-七星彩专家推荐汇总| www.854117.com-01vip彩票下载| www.937578.com-体育彩票19015| www.990141.com-竞彩之家官方app| www.lc1.cc-今日安徽快三预测| www.666611.cc-注册初级彩票培训师| www.5zd.com-韩国十分彩骗局| www.784180.com-038彩票网可靠吗| www.050766.com-如何赚黑彩平台的钱| www.cai00.cc-快三怎么玩-| www.67ci.com-快三多久开奖一次| www.2094.me-南京中彩票大奖| www.980469.com-广西河池体彩中心| www.gj38.com-环球彩-| www.264040.com-手机上买彩票犯法吗| www.z96.cc-彩票国际信誉大平台| www.712758.com-大型的彩票软件| www.0108.cm-号百彩票开奖公告| www.55qy.com-家彩网3d开机号| www.004121.com-彩票信用玩法| www.867400.com-彩票几点停卖| www.069022.com-彩神2注册-| www.159640.com-足彩任九开奖结果| www.799685.com-大众彩票怎么回事| www.947399.com-中国彩吧3d-| 天天彩票www.101156.com| www.35225.com-网恋情侣中彩票| www.331668.com-甘肃的快三开| www.685268.com-中国3d彩票下载| www.cai07.cc-彩票快3-| www.67681.cc-c48彩票网-| www.987701.com-福彩29选七-| www.8912.loan-竞彩中5800万| www.982325.com-日本人彩票-| www.ei83.com-体彩快乐十分钟软件| www.yl98.com-大乐购彩票开奖时间| www.33kt.com-牛材网彩票图谜汇总| www.656.website腾讯分分彩高手心得| www.8491.shop-150彩票-| www.654688.com-重庆时时采彩5星| www.8139.cm-福彩3d好久开奖| www.50qh.com-大成彩票下载| www.856457.com-彩霸王图库彩图| www.10zm.com-彩钢板墙面净化设备| www.668.online-大乐透走势图众彩网| www.024839.com-安装大乐透体育彩票| www.182677.com-玩快三能赚钱吗| www.275153.com-中国福利彩票有假| www.ox00.com-3d彩神-| www.389665.com-体彩足球竞彩兑奖| www.570613.com-快三走势图秘籍| www.672771.com-福利彩票作假视频| www.795285.com-彩开头的四字成语| www.911551.com-三亚彩票犯法吗| 新盈彩www.xinyc3.com| www.92cb.com-仲彩平台登录| www.zz67.com-900万彩票软件| www.060014.com-体彩实体店网| www.020319.com-彩票店招工-| www.149783.com-百万彩票兼职| www.258796.com-365福彩-| www.an84.com-贵州省体彩-| www.091036.com-百姓彩票网安全吗| www.41666.cc-彩票批发-| www.022159.com-如何玩一分钟彩票| www.113460.com-能买彩票的app| www.357457.com-离婚后中的彩票| www.041313.com-中国竞彩受注赛程| www.307759.com-吉林快三派彩网官方| www.399690.com-彩票分析家破解版| www.365094.com-双色球基走势图星彩| www.460466.com-京彩国际下载| www.12cd.com-光大彩票手机版下载| www.4414.vip-别赌彩怎么玩都输| www.383966.com-七六彩票-| www.517525.com-779彩票最新版本| www.635789.com-正规时时彩投注官网| www.989687.com-网上彩票8816| www.xg8.cc-贵州中一等奖彩票网| www.po74.com-随州快三论剑| www.831250.com-2019年3月竞彩| www.022508.com-买彩票会中奖| www.104851.com-黑龙江福彩官方| www.982402.com-分分时时彩开奖查询| www.ei52.com-广西快三预测开奖| www.xn05.com-一分快三平台大全| www.19zx.com-智慧人彩票软件| www.87rm.com-宏达彩票怎么注册| www.077298.com-彩票赌注那个违法吗| www.165089.com-体育彩票足彩任九| www.228122.com-河南洛阳彩礼价目表| www.579837.com-淘宝送的彩票在哪买| www.727393.com-3d彩民乐钱树图库| www.810191.com-中国体彩中心在哪里| www.874924.com-买分分彩输钱经历| www.932508.com-一网彩票手机版下载| www.978469.com-中福快三下载安装| www.cai9900.com快三号码图-| www.hq96.com-七星彩手机机选彩票| www.xp65.com-体彩秘籍-| www.33bq.com-排列三字谜凤彩网| www.012.live-下载亿彩快三| www.2404.xyz-搜神传好彩妹图片| www.xu03.com-吉林快三二同号预测| www.rf34.com-极速重庆时时彩开奖| www.398877.com-彩神通3d推荐号| www.4284.tv-彩多多线路测速| www.9631.cn-最像米彩的图片| www.35386.cc-彩票3d有假吗| www.356104.com-体彩大乐透的宣传语| www.360709.com-dd彩票软件-| www.439827.com-体彩大乐透中奖人数| www.68nk.com-金冠彩票软件| www.1gt.com-彩票图表制作教程| www.203159.com-彩票走势怎么看规律| www.6910.vip-丰彩彩票钱取不出来| www.382295.com-前二复式分分彩软件| www.488445.com-喜乐彩票监管| www.984250.com-福利彩票快乐10分| www.ls36.com-彩票站雇人怎么对账| www.23ia.com-网赚快三计划| www.875780.com-恒彩88总代-| www.979441.com-福利彩票用户注册| www.m63.cn-快三注册流程| www.340088.com-恶搞中奖彩票图片| www.276654.com-基诺彩票技巧| www.413792.com-彩客网竞彩-| www.770436.com-红蓝好彩-| www.834307.com-四色好彩爆珠| www.892608.com-旺彩娱乐会所| www.945478.com-福建体彩中心地址| www.984071.com-99彩票官方-| www.cai0588.com北京快三开奖视频| www.io37.cc-5o0万彩票网| www.0548.xyz-福彩牛彩3d字迷| www.2333.cn-七彩捞腌菜下载网址| www.vz07.com-四川福彩中心在哪|