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.905692.com-大发快三和值推荐| www.cp2770.com-快三遗漏报表| www.oc99.com-中国体彩网走势图| www.lw07.com-时时彩平台出租价格| www.77yx.cc-博彩公司收购银行卡| www.172805.com-大发快三计划软件| www.p22.net-关于彩票-| www.359156.com-时时彩微博-| www.590822.com-佬牛足彩任九| www.735336.com-廣東彩票-| www.838386.com-苏州快三结果预测| www.929630.com-老9乐购彩票下载| www.853341.com-拉菲装饰彩票注册| www.954212.com-709彩票网下载| 大赢家彩票平台www.721662.com| www.504.loan-彩票q群-| www.9123.top-七星彩春节开奖日期| www.8472.vip-博友彩合法吗| www.35784.com-时时彩合买大厅网址| www.99951.cc-查查七乐彩开奖号码| www.083562.com-网上博彩违法吗| www.7636.biz-彩票名片模板| www.57277.cc-锋彩直播安卓手机版| www.084615.com-西西彩票ios| www.470.pw-金沙彩票微信群| www.7728.cm-彩票中5块怎么兑奖| www.40953.com-体彩排列五初几开奖| www.94502.com-官彩与私彩-| www.051884.com-专业彩票软件定制| www.jd83.com-福州快三走势图| www.8yh.cc-白小姐的彩票规律| www.558533.com-真实彩虹图片大全| www.670085.com-下载特区彩票网站| www.775039.com-六星彩开奖-| www.067.cn-手绘彩铅人物| www.4212.pro-七彩格子破产| www.00013.cc-彩宝典彩票-| www.76662.com-五k彩票网-| www.030258.com-福彩公益行三十万| www.981137.com-彩票合买代购软件| www.74zu.cc-七星彩19047| www.2997.wang-福彩3d彩吧藏机图| www.11uw.com-彩票群为什么会封群| www.904.me-彩铅画风景作品大全| www.7117.pw-利博彩票团队骗局| www.26454.com-彩票三三下载| www.73517.cc-湖北快三50期| www.264627.com-河南快三吧-| www.522994.com-时时彩预测器在线| www.770628.com-时时彩综合冷热表| www.950537.com-乐彩客官方下载苹果| www.cp9748.com-足球彩票app大全| www.273038.com-鑫彩网彩票是真的吗| www.488458.com-金濠彩票app| www.578654.com-彩票95528-| www.658438.com-数字三彩神通手机版| www.773332.cc-注册给彩金软件| www.854497.com-酷彩吧怎么下载伴奏| www.924748.com-一分时时彩计划最准| www.984141.com-彩8彩票邀请码| www.hr52.com-0500彩票app| www.zs44.cc-彩票手机投注玩法| www.35al.com-海南七星彩日日升图| www.0213.in-百度彩彩票可靠吗| www.565388.com-玩彩票软件犯法吗| www.793139.com-福利彩票最大的赌博| www.5785.com-穹银靡肆虐彩鳞| www.57519.com-网上购彩哪个靠谱| www.626486.com-3d彩吧开机-| www.752365.com-中彩中彩-| www.980052.com-体彩形象店-| www.dx08.com-吉林快三手机版下载| www.xq88.cc-七星彩19038期| www.451072.com-彩宝网手机走势图| www.588529.com-全部七星彩准确资料| www.685169.com-重庆时时彩赌软件| www.2611.shop-惠盈竞彩小店| www.972943.com-大发快三是否正规| www.mx7.cc-人人中彩票手机版| www.401620.com-三宝易购彩票| www.558680.com-彩博888怎么样| www.652745.com-足彩开奖规则| www.812131.com-火箭彩票v丨p版| www.890153.com-赢彩计划下载安装| www.964818.com-南粤福彩近30期| 13e彩票www.809182.com| www.hc67.cc-699彩票下载| www.333188.com-广东十分彩直播| www.77bk.com-辽宁彩票-| www.597277.com-购彩网赚钱是真的吗| www.23330.cc-福彩3d杀尾走势图| www.96372.cc-湖北体彩排列三推荐| www.081678.com-七星彩中三个号间接| www.py06.com-福彩快三速查表图| www.87ek.com-新江体彩时时彩| www.1950.biz-彩票应用软件排行| www.299519.com-江苏体彩开奖| www.868911.com-彩之王下载-| 新盈彩www.xinyc2.com| www.ju81.cc-乐猫彩票客服电话| www.r28.vip-永安彩票可以提现吗| www.57rp.com-黑龙江体彩中心位置| www.0425.cn-崩坏3全彩福利本子| www.25337.cc-画彩铅画用什么纸| www.62213.com-天天娱乐购彩平台| www.057371.com-福利彩票有什么玩法| www.907186.com-香港十二生肖彩票| www.6826.org-今日欧联杯分析竞彩| www.22243.com-因为彩礼结婚前分手| www.68463.com-上海11选5彩乐乐| www.551227.com-体彩排到五开奖号码| www.657419.com-七星彩前四位缩水软| www.747187.com-天天爱彩票安装| www.819262.com-大数据预测彩票| www.898.link-彩票中奖有命花么| www.5635.bid-彩民60元30注| www.11769.cc-体彩七星开奖规则| www.55001.com-安卓微彩-| www.001432.com-开门彩下载安装| www.066665.com-博彩有哪些大平台| www.779949.com-今晚七乐彩开奖情况| www.858430.com-乐购彩票源码| www.922688.com-虎牌彩票app| www.982143.com-腾讯分分彩改号| www.yb87.com-贵州福彩大奖无人领| www.717959.com-福彩七乐彩玩法说明| www.740035.com-福利彩票几位| www.819297.com-彩票培训师资格证| www.889250.com-彩票倍投法-| www.ap1.com-河北快三近100期| www.948036.com-四川体育彩票网| 大彩网www.660665.com| www.909094.com-甘肃快三中奖助手| www.976519.com-河南体彩中心娄莹莹| www.25qo.com-排列三彩票交流论坛| www.0475.cn-1216一分彩票| www.8330.biz-时时彩复式-| www.984879.com-长城彩票是什么| www.bc33.com-多乐彩票网站| www.611968.com-河北省体彩中心网站| www.731322.com-完美彩票网站| www.816293.com-吉林省快三预测| www.885989.com-中国体彩app中奖| www.654344.com-彩之源彩首页| www.828736.com-福彩今天开什么奖号| www.774274.com-重庆十字彩走势图| www.905885.com-体彩有哪些高频彩| www.977485.com-彩妆加盟-| www.5217.me-荷兰五分彩开奖号| www.786517.com-6491cc彩票-| www.881526.com-哪个平台做电竞博彩| www.979254.com-好彩香烟双爆珠买| www.cp3313.com-三分快三怎么看规律| www.lx41.com-好彩堂心水资料站| www.f39.cn-乐彩怎么玩才赢的多| www.36ci.com-七星彩最近10期| www.690706.com-澳客网彩票比分| www.791224.com-排列3彩经网预测| www.111490.com-台湾快三全天计划| www.548563.com-注册送彩金平台| www.713797.com-福彩3的夏天开机号| www.016545.com-甘肃快三开奖结果啊| www.999291.com-下彩网安卓客户| www.gu55.com-彩77官网下载安装|