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天

知道了
百盈PK10 www.765128.com-彩票网赚可信吗| www.2941.vip-鸿运彩网官方| www.23338.cc-中国彩票网500| www.889153.com-快三豹子多少钱一瓶| www.974164.com-福彩3d彩报小熊猫| www.rm4.cc-app快三预测| www.6hy.com-购彩大厅1688| www.68yf.com-博彩公司不开中超| www.2047.in-黑彩票网-| www.448007.com-七星彩直播开奖| www.46882.com-超级时时彩官网| www.227736.com-一分快三在哪下载| www.544148.com-七星彩下单app| www.053258.com-yy彩票登陆-| www.806717.com-五分彩票公式规律| www.3128.cm-双色球77福彩社区| www.21252.com-看不懂彩票怎么办| www.814053.com-高频彩公告-| www.82281.cc-网络彩票骗局报警| www.341789.com-吉林彩票下载| www.545258.com-cc彩球网官网| www.22088.cc-体育彩票新浪走势图| www.142879.com-福彩中心将如何改革| www.89eu.com-668彩票官网下载| www.ez91.com-黑客软件破解彩票| www.43161.com-中彩网擂台寒| www.020639.com-在网上怎么买福彩| www.19gs.com-本人玩时时彩5年| www.330299.com-沧州市福彩兑奖中心| www.zx88.com-重庆时时彩免费计划| www.603595.com-山西中奖彩票| www.350533.com-彩色铅笔花边| www.979938.com-快3彩票大全| www.353047.com-七彩彩开奖直播| www.472448.com-乐采乐彩网-| www.200187.cc-新浪彩票双色球预测| www.666697.com-乐彩客可靠吗| www.839811.com-责任福彩-| www.926911.com-凤凰彩票计划微信群| www.984220.com-惠州福利彩票| www.222890.com-四川省福彩中心官网| www.2175.cn-彩票需要身份证| www.42472.com-金利彩票安全吗| www.3306.cn-体彩机选排列五号码| www.028654.com-下载个快三-| www.51408.com-北京十一选五彩票图| www.406931.com-彩吧三毛3d图库| www.564646.com-雷州七星彩梦册奖表| www.146203.com-快三的奖金是多少钱| www.282929.com-彩票老师-| www.388809.cc-今天福利彩票图片| www.288082.com-腾讯快开彩-| www.02zv.com-彩票弃奖一览表| www.66215.cc-快三兼职-| www.168397.com-10分快三计划| www.306451.com-足球彩票中奖查询| www.158980.com-今天的体育彩票号码| www.395282.com-彩虹岛手游台服| www.588304.com-五子彩珠在线| www.738561.com-七天彩江苏快3| www.887363.com-福利彩票快三计划网| www.983485.com-彩88是真的吗| www.pf.cc-福彩快三是赌博吗| www.nz48.com-博众彩票11选5| www.13.club-体育彩票多少位数字| www.hv3.com-彩票屠龙玩法| www.24sq.com-彩膜-| www.909046.com-流行彩妆-| www.996991.com-彩票被黑了吗| www.3558.biz-打鱼送彩金网站| www.599930.com-现在人都买什么彩票| 同乐彩票www.209703.com| www.49ot.com-巴厘岛彩票平台| www.0425.cn-崩坏3全彩福利本子| www.p44.bid-黑彩服务器在境外| www.775952.com-彩票遗漏分析表| www.889784.com-给我机选一注七乐彩| www.189882.com-贵州福利彩票官网| www.mc62.com-湖北省快三遗漏数据| www.22as.com-澳發彩app下载| www.4039.org-竞彩计算器混合| www.12cd.com-光大彩票手机版下载| www.089508.com-北京彩票旗舰网论坛| www.612687.com-如意彩网可以买彩吗| www.682686.com-福彩公益基金| www.757076.com-什么是选三型彩票| www.tr82.com-沈丘彩票中奖者| www.3ei.cc-最可靠的黑彩平台| www.48dg.com-海南彩票梦册| www.594888.cc-好彩客安卓手机网版| www.666944.com-国乐彩坑人吗| www.737361.com-彩票分析专家有哪些| www.810711.com-e彩票投注网正规吗| www.884468.com-中国彩吧布衣图库| www.946990.com-宝赢彩票软件破解版| www.988980.com-中福快三app下载| www.cp7875.com-27号快三开奖结果| www.ly22.com-湖北快三遗漏360| www.1oo.cc-彩色饺子机械设备| www.69uz.com-4s彩票现场直播| www.0780.com-福彩试机号新口诀| www.6038.vip-云南省彩票中心| www.11171.com-烟台福彩双色球中奖| www.513272.com-中国竞彩app下载| www.590229.com-香港星彩网-| www.696948.com-足彩竞彩开奖时间| 乐趣彩www.lqc0.com| www.028098.com-爱投口袋彩店| www.125969.com-卖彩票赚钱吗| www.199083.com-快三一天开多少期| www.313287.com-上海爱彩乐爱彩乐| www.82kn.com-秒速时时彩单双技巧| www.57531.cc-购彩平台是真的吗| www.048923.com-玩彩老头排列三预测| www.876803.com-体彩怎么买-| www.071000.com-约彩365ios-| www.942795.com-彩票保本平刷买法| 500彩票www.401285.com| www.827607.com-679彩票在线| www.890339.com-倍数高的彩票app| www.954454.com-彩票店双色球二维码| www.cai099.com-广西快三开奖号码| www.ir45.com-足彩复式计算器| www.lh48.com-中福快三下载| www.0445.cn-亿彩彩票苹果版| www.4649.pw-福彩可以多期投注吗| www.010063.com-人人中彩票双色球| www.088921.com-彩吧图谜汇总| www.139368.com-蓟彩芝演过的电视剧| www.582468.com-京彩集团彩票| www.191008.com-体彩甘肃11选五| www.318584.com-江西快3爱彩乐| www.501769.com-keno彩票规律| www.663026.com-马来分分彩官网| www.743939.com-中彩网擂台赛点评| www.787139.com-彩先知预测-| www.863508.com-彩票接口怎么对接| www.925116.com-足球彩票预测大师| www.975109.com-今晚福彩-| www.cai5789.com快三走势怎么分析| www.789421.com-篮球竞彩用什么软件| www.906339.com-沉迷彩票20年| www.987848.com-彩票行家网址| www.gn09.com-新疆福彩喜乐彩开奖| www.v73.xyz-新浪双色球爱彩| www.128474.com-好运彩快3-| www.1476.pw-彩铅山水画简单| www.903199.com-星光彩票靠谱吗| www.487336.com-甲壳虫福彩3d预测| www.066981.com-黑彩是-| www.150231.com-彩娃彩票下载| www.309803.com-竞彩5场3关-| www.457803.com-恒大彩票官方网址| www.63356.com-七星彩专家安然预测| www.19333.cc-发彩app是真的吗| www.739477.com-爱乐透彩票过滤网站| www.61vp.com-35彩票苹果版| www.307289.com-爱彩乐是合法的吗| www.899003.com-幸运28彩票下载| www.055921.com-七星彩怎么算中奖图| www.803732.com-牛彩三d图谜总汇九| www.030053.com-彩虹屁语录-| www.501853.com-乐聚彩票谁有账号| www.569632.com-七乐彩一尾数走势图|