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.037874.com-时时彩出豹子规矩| www.110418.com-福彩开什么号码| www.213893.com-大发时时彩一期计划| www.328319.com-河北体彩开奖查询| www.424458.com-福彩快三模拟摇奖器| www.539914.com-彩票杀号技巧| www.612968.com-彩票每日首存上| www.718502.com-彩虹是什么写一句话| www.393007.com-万博彩票代理反点| www.075618.com-研究中奖彩票达人| www.zg77.com-福彩三d和制图| www.9592.loan-彩票微信群名| www.437705.com-星彩无惨妖气漫画网| www.961014.com-七星彩查询开奖| www.cp0806.com-快三规律破解技巧| www.832091.com-977时时彩-| www.33ra.com-七星彩头尾特区| www.3089.cc-中中彩票-| www.50011.cc-华宇彩票吧-| www.025417.com-时彩在线追号计划| www.189896.com-江苏快三预测结果| www.288280.com-彩票屠龙计划客户端| www.291021.com-福彩历史的今天| www.51819.com-合乐彩票网站注册| www.570362.com-七彩幸福菊真的假的| www.jp18.com-四季彩平台靠谱吗| www.u93.cc-香港乐和彩518| www.85hw.com-一分彩稳赚-| www.4805.live-彩虹6号腾讯| www.51bw.com-体彩足球任选九过滤| www.859385.com-体彩历史开奖号码| www.32139.cc-好彩门户开奖现场| www.9ji.com-七星彩手机会员| www.277857.com-彩票坊官方下载| www.486726.com-怎么看足彩中奖结果| 彩虹8www.ch8900.com| www.d64.org-足彩8串1全中| www.aj23.com-一定牛彩票网快三| www.vk31.com-福利彩票快三技巧| www.42dy.com-足彩唯彩会-| www.gj02.com-汉中快三秒电话| www.634414.com-注册47彩票-| www.905691.com-9780彩票-| www.989888.com-重庆时彩计划| www.er29.com-新华网彩票-| www.71du.com-梦见买彩票没买成| www.246345.com-重庆快三开奖| www.372072.com-合肥福彩转让信息| www.133274.com-富民彩票-| www.219379.com-福建省体彩官方网站| www.299845.com-广西今天快三结果| www.365990.cc-彩铅画自学难吗| www.925009.com-福彩彩票软件| www.981110.com-八彩鲜花店怎么样| www.cp3596.com-时时彩幕后控制| www.117990.com-刷分分彩技巧| www.305058.com-想中彩票-| www.cp4242.com-吉林快三计划网| www.239949.com-五百彩票网-| www.382938.com-2月16日体育彩票| www.512871.com-什么叫万彩彩票| www.587228.com-竞彩足球误差排行| www.672712.com-三d过滤器福彩宿水| www.763512.com-足彩分析师面试题| www.846073.com-江苏快三会赢吗| www.913935.com-虚拟足球e球彩方法| www.987728.com-500彩神官网| www.ew71.com-易彩快3稳定计划| www.986224.com-体彩p3走势图| www.310422.com-昆明市彩票兑奖地址| www.55770.cc-网上七乐彩票| www.828595.com-国外彩票巨奖| www.748011.com-绿色好彩爆珠| www.861317.com-彩票开将查询| www.929494.com-彩票开奖了-| www.983339.com-盈彩在线678| www.tv80.com-快彩王下载安装| www.13qb.com-河南彩票大奖得主| www.sj38.com-竞彩足球310推荐| www.40nh.com-南阳结婚彩礼钱| www.1874.cn-q彩网高倍率| www.9375.org-马来西亚博彩骗局| www.638528.com-什邡体彩店南城格调| www.in5.com-上海福彩吋时乐| www.847555.com-寺庙古建彩绘| www.182754.com-天天彩票助手计划| 彩客网www.309877.com| www.5552.pw-六福彩票app下载| www.381450.com-东平彩票中奖| www.635696.com-彩库宝典网址| www.705057.com-百度3d福利彩票| www.780338.com-怎么样开彩票平台| www.849830.com-中国体育竞彩比分| www.6455.cm-速8彩票邀请码| www.655196.com-七星彩打码网站| www.848728.com-时时彩总代理| www.610963.com-彩69app-| www.704364.com-998彩票网站大全| www.793048.com-绵阳市福利彩票中心| www.882131.com-彩票快三网站| www.950230.com-百宝彩陕西11选五| www.997214.com-私彩群-| www.fe08.com-北单足彩比分直播| www.760917.com-彩票大本营-| www.19393.cc-发彩快3计划软件| www.97118.com-足彩交易量最准的| www.072037.com-彩票店几点营业| www.155469.com-足彩如何分析| www.257591.com-爱彩乐app怎么样| www.380676.com-11选五彩票图片| www.555482.com-乐彩网主页-| www.639406.com-怎么开好彩票店| www.740321.com-足彩和福彩有区别吗| www.862153.com-今日体彩开奖结果| www.920353.com-充值36元买彩票| www.992234.cc-重庆时时彩定位软件| www.wl7.cc-快彩助手官网| www.yn92.com-易彩网彩票下载安装| www.31ip.com-彩票周六周日开什么| www.329.in-德晋彩票欺诈| www.300058.cc-分分快三彩票骗局| www.368811.com-728彩票新官网| www.498622.com-重庆时彩倍投技巧| www.566425.com-名媛汇彩票-| www.629566.com-什么彩票赢钱率最高| www.695751.com-炫乐彩票下载| www.762695.com-体彩千里马专家预测| www.835366.com-炫彩笔是什么东西| www.890525.com-坤彩-| www.954872.com-印尼五分彩-| www.993600.com-足彩在哪里兑奖| www.cp9000.cc-手机彩票app| www.469358.com-彩票站五行属水吗| www.649300.com-彩计划可以买吗| www.752152.com-网上彩票犯法吗| www.277569.com-乐彩赢骗局-| www.986756.com-竞彩篮球比分推荐| www.pn34.com-3d彩乐乐今天预测| www.122843.com-梅州市福彩中心兑奖| www.cw6.com-彩票宗旨-| www.229190.com-彩788app下载| www.302490.com-七星彩查询号码查询| www.384922.com-天下彩高手网| www.479811.com-日本j联赛足彩分析| www.237351.com-中中彩网走势图| www.01088.com-h七星彩票开奖现场| www.577201.com-用你ip帮我玩彩票| www.024659.com-中国福彩积分服务| www.125341.com-体育彩票广场摸奖| www.208627.com-今天河北快三开奖| www.302630.com-够力七星彩软件| www.639915.com-新浪爱彩用不了| www.1853.com-福彩3d计算法| www.368301.com-彩铅画图片简单动物| www.491528.com-彩虹鱼图片大全| www.586422.com-app打鱼送彩金| www.667467.com-足球彩票论坛网| www.772960.com-彩票按其特点分为| www.193514.com-体彩开奖号码排三| www.50072.cc-彩票老司机软件下载| www.5799.cm-体彩乐五怎么玩法| www.6472.xyz-福利彩票双三d| www.938628.com-共赢福彩app| www.ny7.com-苏州快三是骗局吗|