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天

知道了
9彩注册 www.806208.com-福彩今天3d试机号| www.84988.com-巨彩赌博-| www.150886.com-正规彩票销售平台| www.886506.com-购彩app下载| www.kw1.com-内蒙快三新规| 凤凰彩票www.77803n.com| www.85558.com-彩票追加是什么意思| www.097229.com-三d彩吧图库第二版| www.188422.com-安徽快三是合法的吗| www.7ch.cc-和彩云收费吗| www.6534.biz-盈丰彩票下载| www.013700.com-85彩票网-| www.115202.com-陕西体彩在哪里兑奖| 融彩网www.www.rcw321.com| www.10th.com-新版时时彩源码论坛| www.3879.bid-海南七星彩计划| www.85455.com-七星彩18143期| www.357982.com-重庆实时彩软件| www.676800.com-彩票论坛马会| www.ng9.com-传统一分快三走势图| www.988870.com-江西快三中奖| www.588.live-呼市福利彩票快3| www.452244.com-太原体彩大奖| www.dh38.com-快乐彩票彩种| www.63ru.com-98彩票网app| www.9884.cm-严打高频率彩票| www.85523.cc-城彩娱乐平台| www.092.online-排列五彩宝网首页| www.32915.com-体彩七位数历史号| www.2229.me-彩薇花退红美白露| 丰彩娱乐www.fcyl0.com| www.700335.com-多彩网12选5| www.4261.vip-香港好彩免费资料大| www.369166.com-南昌福利彩票兑奖室| www.545360.com-微信国际彩票投资| www.4006.vip-竞彩足球害人| www.968921.com-酷彩是个坑-| www.dh89.com-内蒙快三初几开奖| www.333605.com-足球彩票怎么看| www.895239.com-七彩彩票网能信吗| www.81152.cc-ak彩票骗局全过程| www.168078.com-中国福彩快三| www.471471.com-六台彩迷宫4| www.733969.com-众彩网筱杉-| www.893435.com-l乐彩娱乐计划助手| www.cp827.com-大发快三单双破解器| www.554032.com-晨兴彩票网址| www.708198.com-在一个彩票网站被骗| www.868372.com-举报网络彩票| www.20uo.com-七星彩第19029| www.8418.pw-福利彩票自动生成器| www.576614.com-御彩轩时时计划| www.745871.com-特区七星彩论坛图规| www.962712.com-彩乐瀑合法吗| www.62933.com-彩客福彩-| www.214788.com-全民快三下载首页| www.384168.com-彩票分析用什么| www.553377.com-风云团队彩票| www.670311.com-彩票网站靠谱吗| www.305896.com-江西快乐彩11选五| www.415754.com-uc彩票国家在查嘛| www.cp6568.com-体彩浙江6+1| www.259151.com-彩票兑奖大乐透| www.739482.com-天天中彩网站| www.gm4.com-福彩快3图表| www.272284.com-福彩快三有赢的吗| www.92289.cc-体彩推荐号-| www.518628.com-fc平台注册彩票| www.15ez.com-体彩时时彩玩法| www.669428.com-彩票改号木马| www.76771.com-万优彩票平台官网| www.458318.com-梦到体彩没中| www.801233.com-富民彩票破解软件| www.967704.com-手机彩票输了3万| www.99037.com-5oo竞彩比分直播| www.875707.com-福利彩世界下载地址| www.193217.com-派彩网官方-| www.492683.com-吉祥彩票快三怎么样| www.8937.top-美高梅注册彩票| www.351789.com-卖体彩怎么提成| www.617000.com-制作中奖彩票图片| www.151836.com-腾讯三分彩开奖结果| www.161673.com-快三大小单双玩法| www.95794.com-公益彩票玩法规则| www.548233.com-七公鸡七星彩梦册| www.706308.com-彩宝邀请码-| 网易彩票www.9356y.com| www.710655.com-网賺彩票是真的吗| www.23tm.com-手机888彩票网| www.96872.com-海南私彩合法吗| www.632123.com-网络时时彩害人| www.9208.org-上海彩票店利润多少| www.420234.com-彩票刷分红-| www.ki24.com-快三24期开奖结果| www.1010.live-福彩快开型彩票| www.95005.com-彩妆加盟店招商| www.5123.wang-3g网址彩票-| www.359599.com-七彩祥云是什么征兆| www.974837.com-南国彩票论-| www.561695.com-手机买世界杯体彩| www.020771.com-彩票计划源码| www.199048.com-彩票技巧顺口溜| www.494558.com-彩票负责人-| www.47645.com-腾讯分分彩稳定玩法| www.155347.com-福利彩票双色球分析| www.706783.com-体育彩票几号放假| www.16ne.com-乐彩客彩票安卓下载| www.1189.com-时时彩任意位置出1| www.573156.com-什么叫体彩-| www.534224.com-买彩票不中表情图片| www.317452.com-老彩民双色球心得| www.533469.com-彩票计划倍投方法| www.0509.biz-查询福彩开奖号码| www.292953.com-河南体彩中心官网| www.701094.com-彩票通软件-| www.957154.com-福彩分析预测论坛| www.05gr.com-彩铅画渐变教程图解| www.35694.com-体彩竞彩店装修标准| www.237053.com-足球计算器竞彩网| www.799925.com-腾讯时时彩计划网页| www.ne24.com-乐米彩票改成什么了| www.73782.com-新2彩票平台| www.132603.com-吉利彩票登陆| www.389276.com-彩溢休闲会馆经历| www.666661.cc-乐彩网站违法吗| www.831.tv-直播买彩票犯法吗| www.662065.com-今天福利彩票图纸| www.9821.biz-古建彩绘线条| www.272917.com-福彩刷流水是骗局吗| www.915937.com-彩拾彩票怎么样| www.663734.com-体彩篮球押注| www.845787.com-于海彩票-| www.64gf.com-足彩8串9-| www.7714.cc-分分彩预测-| www.304159.com-彩控甘11选五| www.128147.com-外国彩票-| www.0191.net-淼鑫彩票网手机版| www.987667.cc-天天红彩票app| www.245109.com-河北福利彩票排列七| www.419522.com-五彩芙蓉王香烟图片| www.227355.com-分分快三ios下载| www.890138.com-网赌彩民怎么赚钱| www.9659.biz-六活彩最新开奖| www.643809.com-彩票9是正规网站吗| www.956707.com-方便查彩票的app| www.537204.com-沉迷于彩票-| www.816323.com-福彩北京pk-| www.ev39.com-快三有规律吗| www.75791.com-七星彩大赢家走势图| www.xj32.cc-双彩图3d双采图| www.120560.com-综艺股份福彩| www.337005.com-广西快三人工计划| www.775073.com-七星彩开奖今天查询| www.2910.cc-澳门彩票首页| www.16565.com-广西快三有多少期| www.5605.pw-南洋马来西亚乐和彩| www.31597.cc-麒麟彩票平台| www.972433.com-菠萝彩官方软件下载| www.va.cc-快三客软件-| www.338811.com-谦喜彩票登录页| www.503708.com-快三出豹子前兆| www.590758.com-二婚还要彩礼| www.726468.com-彩福彩票是骗人的吗| www.837822.com-彩票兑奖期-|