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.300070.cc-彩神快三数据分析表| www.218701.com-未来实体店彩票前景| www.260056.com-快三彩票计划| www.446225.com-迷彩虎军事视频| www.060386.com-家彩网排三开机号| www.12mm.cc-正规买彩票软件| www.948732.com-福利彩票公正吗| www.884717.com-乐彩vip专业版| www.621659.com-买彩票的地方叫什么| www.4287.vip-500好彩堂跑狗图| www.912688.com-李维伟亿德彩票| www.502652.com-多彩投怎么样| www.067605.com-彩票假票-| www.2de.com-网上买彩票十选五| www.206490.com-鳄鱼彩票网大乐透| www.906369.com-中信彩票官网| www.999151.com-彩乐汇登录-| www.lm25.com-手机彩经网-| www.094802.com-福彩七加一开奖结果| www.219429.com-福彩6十1开奖结果| www.313268.cc-大发快3彩票骗局| www.393516.com-咸阳体彩店-| www.511257.com-雨后彩虹网名| www.587091.com-鴻彩彩票-| www.663411.com-123体彩预-| www.755675.com-苹果下载不了旺彩| www.947932.com-体育彩票的真实性| www.993261.com-竞彩技巧讲座| www.lq8.com-河北福彩3d和值表| www.81421.com-268彩-| www.798005.com-下期预测定位七星彩| www.385979.com-天津体彩七星彩开将| www.605811.com-吉祥彩网址-| www.352867.com-热购彩票违法| www.452697.com-下载时时彩宝典| www.574988.com-彩票网盘出租| www.666849.com-威斯汀福乐彩| www.776100.com-彩票跑马幸运彩| www.871006.com-三国杀星彩-| www.963515.com-足彩报-| www.ja0.cc-1分快三怎么玩稳赚| www.975954.com-安阳各地彩礼| www.1sp.cc-5分彩开奖走势图| www.979329.com-南通体彩-| www.311225.com-神圣彩票平台靠谱吗| www.372451.com-彩票背后写名字| www.zm42.com-福利彩票咋玩| www.8733.loan-体育彩票准直播| www.68622.cc-新加坡天天彩資讯網| www.065358.com-彩票33怎么能赢| www.3022.xyz-体彩排列三杀号汇总| www.530860.com-彩铅画大树-| www.664160.com-轩辕时时彩源码| www.762111.cc-青海快三的号码推荐| www.944984.com-3535彩票网-| 金掌柜www.83993x.com| www.4895.cm-还有什么足彩app| www.298528.com-腾讯5分彩怎么使用| www.673351.com-看看彩票中奖结果| www.791246.com-看一看彩票开奖结果| www.922931.com-彩票站的前景如何| www.986149.com-杨震足彩推荐更新| www.570076.com-七彩山鸡苗批发价格| www.662622.com-大乐透旺彩推荐| www.774167.com-适合玩彩虹伞的音乐| www.858944.com-彩票历史查询器工具| www.948707.com-快三哪个群可信吗| www.cai5544.com分分快三计划| www.279234.com-集锦福彩快三走势图| www.357892.com-彩票最经典广告| www.29658.cc-3d试机号彩宝贝儿| www.6633.ren-3d走势图片乐彩网| www.61nb.com-福彩三地走和走势图| www.0884.in-快3彩票正规吗| www.807215.com-温州彩票站转让信息| www.917689.com-送彩金赌博-| www.981867.com-体彩七星彩奖池| www.tc.com-彩票新规-| www.u39.cn-体彩排3今天试机号| www.53kv.com-买十年彩票-| www.2931.pw-甘肃体彩十-| www.74ui.com-香港福利彩票公司| www.110204.com-新乐彩是黑平台吗| www.15ny.com-彩票店如何组织合买| www.228222.cc-河南人的彩礼| www.383218.com-快赢彩票靠谱吗| www.606566.com-重庆时时彩开奖查询| www.775048.com-怎么下载k彩| www.910855.com-篮彩比分网-| 众乐彩票www.589344.com| www.840713.com-卡姿兰彩妆广告语| www.984693.com-易经测彩票-| www.ir82.com-福彩短信投注| www.77kh.com-京东手机彩票客户| www.ox0.com-拉萨体彩十一选五| www.862393.com-彩票程序控制| www.502935.com-欧洲杯足彩怎么买| www.1175.pw-肇庆福彩中心| www.4380.in-乐迎彩票导师微信| www.53ks.com-关注专业玩彩| www.339492.com-速盈彩票是不是真的| www.7087.biz-江苏快三人工预测| www.33121.cc-双色球彩票被洗了| www.000301.com-彩票头条-| www.80uj.com-天天送彩票真| www.6548.in-福彩试机号今天晚上| www.cp7675.com-快三下载安装| www.ly13.com-甘肃快三有规律吗| www.22it.com-吹吹七星彩怎么进| www.398513.com-多赢快三软件| www.41ng.com-体彩排到三开奘结果| www.576027.com-v8彩票登录-| www.661507.com-过夜彩金幸运28| www.753682.com-福彩3d第三版图谜| www.34794.com-牛彩论坛手机版| www.456569.com-蛋蛋28开奖彩迅| www.8ad.com-彩票收回-| www.iy03.com-连中彩票和全民彩票| www.oe53.com-福彩快3在线投注| www.5491.top-双彩网开奖直播| www.236200.cc-3d最大遗漏彩乐乐| www.528692.com-畅赢天下科技买彩票| www.737880.com-博彩计划软件| www.866813.com-博友彩下载-| 博乐彩票www.988824.com| www.773893.com-怎么搞个时时彩盘| www.887163.com-彩票代玩是真的假的| www.985224.com-快乐彩破解-| www.ft43.com-福彩快三投注| www.351777.com-彩票计划007| www.11136.com-50o万彩票首页| www.95012.com-彩妆加盟哪个牌子好| www.063996.com-中国足彩计算器| www.172203.com-内蒙古快三助手下载| www.237425.com-微信快三大小群| www.460169.com-福彩双色球中了篮球| www.ir27.com-彩票北京快了3| www.cb1.com-福彩快三彩票官方| www.430666.com-2018无锡彩礼| www.540486.com-360彩票预测网站| www.618325.com-福彩体彩双彩网论坛| www.686727.com-中彩那天课后生字| www.751494.com-足彩预测佬牛| www.809558.com-彩团网app-| www.875114.com-酷彩吧app安卓| www.927234.com-老梁揭秘彩票完整版| www.970425.com-用彩票赚百万| 福彩www.15355u.com| www.ar82.com-安徽快三遗漏号| www.pr99.com-湖南福利彩票开奖| www.34mx.com-竞彩2串一对冲打水| www.984484.com-财神彩票受害者| www.qp9.com-吉林市体育彩票中心| www.od96.com-体彩大乐透网上买| www.w13.bid-三宝乐购中彩网| www.8004.vip-打地鼠游戏教案彩虹| www.8568.in-乐彩网嗨少看彩| www.31188.cc-新彩网3d字谜图谜| www.9gs.cc-体彩七位数能买吗| www.181830.com-快3彩票哪个软件好| www.654038.com-江西体彩双色球| www.617061.com-买彩票怎么看中奖| www.738785.com-章鱼彩票交流群群号| www.1005.cc-福利彩票收银|