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天

知道了
亚洲28 www.691948.com-福彩懂事长-| www.ox93.com-广西快三内部| www.37330.com-彩票万彩吧-| www.051413.com-福利彩票1360亿| www.713291.com-腾讯快三是违法的吗| www.9781.biz-了安然七星彩| www.81xk.com-江西体彩彩票| www.5077.xyz-足彩停售多久| www.29283.cc-彩虹拼音-| www.539943.com-手机彩票应用下载| www.700040.com-五分时时彩玩法说明| www.806996.com-七号彩票邀请码| www.927886.com-俄罗斯彩票开奖结果| www.993741.com-竞彩怎么玩法介绍| www.bn79.com-快三每天开多少期| www.576332.com-三d福彩藏机诗字谜| www.w54.org-百乐彩手机版注册| www.034331.com-nba体育彩票| www.355933.cc-想举报网络买彩票| www.549555.cc-在哪可以网上买足彩| www.654926.com-体育5分钟彩票足球| www.496708.com-网上帮别人投注彩票| www.294727.com-体彩断组全部| www.884328.com-中华彩吧网-| www.988299.com-快三购彩小贴士| www.rr3.cc-吉林快三走势表今天| www.dp81.com-网路快三-| www.86591.com-赌大小一分快三网址| www.234212.com-河南快三预测推荐表| www.314518.com-大玩家彩票怎么用| www.351556.com-竞彩老是输怎么办| www.207494.com-乐彩网大发快三骗局| www.289698.com-大乐透杀号彩宝贝| www.x16.cc-学生买彩票-| www.75il.com-pp彩票怎么样| www.jo.cc-uu快三官方网站| www.8679.top-福彩3d预测彩票群| www.711568.com-彩虹世界app官网| www.lp30.com-全民乐彩票-| www.702229.com-彩客足球彩票胜平负| www.795579.com-环球速八彩票软件| www.898080.com-彩票代理拉人| www.964477.com-彩票指导师-| www.cp085.com-喜乐彩开奖号码信息| www.ml98.com-安徽快三分布走势| www.316039.com-三分时时彩怎么玩| www.543085.com-987彩票-| www.632621.com-七彩视界打不开了| www.316962.com-彩票app下载彩金| www.438834.com-彩票内部招商| www.543361.com-体彩新规定理性购彩| www.615690.com-八亿彩是真的吗| www.506734.com-福彩开将结果奖结果| www.618138.com-500彩票账号注册| www.156771.com-五分彩定位胆规律| www.031505.com-网络彩票属于赌博吗| www.28af.com-火影全彩本子| www.358145.com-今天福彩杀号好| www.447585.com-足彩投资策略| www.451144.com-小店宝彩票-| www.50dw.cc-竞彩长期盈利心得| www.651732.com-彩票就是个巨坑| www.751794.com-中彩网双色球推荐号| www.nm62.com-网上新快三骗局| www.486601.com-呼市转彩票机流程| www.531003.com-竞彩彩客app| www.616431.com-足彩345关怎么算| www.692298.com-体彩排三推荐汇总| www.792835.com-彩票领奖后怎么离开| www.903853.com-足球体育彩票怎么玩| www.982097.com-福彩3d解码神器| www.eb67.com-百姓网彩票-| www.wz01.cc-全民中彩app贴吧| www.596836.com-福彩3d反倍投| www.680723.com-中彩在线贺文哪里人| www.771861.com-体彩竟彩开奖时间| www.853202.com-金福彩票jf-| www.930041.com-福利彩票群英会玩法| www.984838.com-福彩网提现-| www.ct.com-上海快三遗漏号| www.tg44.com-手机彩票投注站| www.18sp.com-星期五开奖什么彩票| www.625177.com-体彩十一选五怎么玩| www.735675.com-体彩和福彩中奖概率| www.848146.com-网易彩票网彩票| www.939425.com-中国福彩票网官网| www.cai0200.com安徽快三开奖走势图| www.so82.com-彩霸王高手资料| www.20kq.com-新浪排列三数学彩票| www.724040.com-彩票快3网上计划| www.877789.com-体彩开奖走势图| 天天彩票www.7782s.com| www.008266.com-彩票顶尖高手选号法| www.972431.com-彩铅画动漫人物教程| www.bm40.com-90彩票登陆-| www.002269.com-七乐彩有人玩吗| www.188399.com-福彩快三群-| www.287033.com-福利彩票申请流程| www.368521.com-6h彩友网高级彩图| www.306398.com-加彩票站微信买彩票| www.nx48.com-足彩竞彩网任九| www.656166.com-小财神彩票预测| www.424400.cc-世界著名的十大博彩| www.662096.com-3彩报-| www.752311.com-彩虹六号禁播原因| www.829912.com-618彩票软件| www.901558.com-爱彩人彩票网| www.972052.com-彩票中奖太难| www.cai1960.com中国福彩快3网| www.826715.com-彩妹杀号-| www.9386.top-福彩开奖号码101| www.4960.cc-奥发彩票-| 大赢家彩票网www.83033p.com| www.352774.com-网络彩票是否合法| www.xr70.com-买彩票一直买同一个| www.0543.tv-琓彩人杀码-| www.192695.com-贵州快三垮度走势图| www.092284.com-泉州体彩中心兑奖处| www.61187.com-鼎盛彩票网投可靠吗| www.d67.top-亚博科技阿里彩票| www.25604.com-彩票平台刷水| www.as77.com-福彩三d开奖号今天| www.wo98.com-下一个体彩走势图| www.3rd.com-京彩集团可靠吗| www.cai1686.com中国福彩快3江苏| www.062145.com-福彩神牛双色球预测| www.192394.com-江苏快三怎么买稳赚| www.5411.pw-1519彩票平台| www.aj04.com-特区彩票论坛区| www.256.cm-2019体彩新玩法| www.588093.com-福彩3d大盘走势| www.995748.com-四场进球彩预测分析| www.035565.com-彩票广告-| www.817168.com-比分开奖澳客彩票| www.884445.com-彩票五行生克杀尾法| www.949068.com-福彩在线怎么玩| www.986839.com-彩票总的有几个数字| www.cp2626.com-天天快三app下载| www.js90.cc-快三导师靠什么赚钱| www.yq25.com-新三d福彩合法吗| www.29gv.com-优优彩票网-| www.456844.com-华人娱彩-| www.1336.vip-体彩和福彩造假| www.1049.com-采乐汇彩票正规吗| www.00683.com-重庆福彩微信自助| www.942711.com-5元彩票-| www.dg30.com-七乐彩中奖号码图表| www.106226.com-多盈彩票苹果版| www.6875.biz-彩票最高多少倍| www.q59.cc-江苏老快三开奖号| www.473335.com-福彩精选列表| www.668447.com-彩票什么时候买最好| www.901837.com-网彩平台怎么做庄| www.984719.com-福利彩票中奖人骗局| www.mn22.com-五星彩票官网| www.84qh.com-福州彩票中奖人多吗| www.8684.cc-彩七乐彩票开奖公告| www.74855.com-重庆时时彩有门店嘛| www.vq88.cc-彩专家时时彩计划| www.62ti.com-牛彩3d布衣天下图| www.924930.com-凤凰彩票网址是| www.009324.com-彩票123安卓版下| www.202938.com-精彩十分怎样算中奖| www.518188.com-牛姓彩票-|