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.885787.com-手机神舟彩票| www.221158.com-大发快三中奖助手| www.455515.com-国乐彩在哪下载| 大赢家彩票平台www.507670.com| www.iu01.com-e球彩24元怎么玩| www.940922.com-彩票套利方法| www.956751.com-好用的彩票软件| www.j38.net-七星彩开奖号码公告| www.540121.com-5星时时彩在线缩水| www.15yy.com-体彩大乐透查| www.142373.com-福利彩票还可以买吗| www.380978.com-现在网上能买彩票么| www.233099.com-重庆试试彩app| www.578342.com-分分彩庄家作弊方法| www.937012.com-鸿博彩票计划| 易彩网www.12455g.com| www.959667.com-盈彩在线是不是诈骗| www.bj64.com-单双大小彩票网站| www.wi11.com-江苏快三大小| www.661374.com-玩彩送彩金38| www.358011.com-福彩刮刮乐国泰民安| www.484018.com-天天彩票可以提现吗| www.621165.com-佰盈彩票网站| www.766418.com-中彩堂正版料| www.846824.com-亚博体育假彩票系列| www.26qk.com-澳客彩票网传统足彩| www.0839.cn-淮安体彩-| www.7882.cn-江苏快三八方走势图| www.416883.com-今天竞彩稳胆推荐| www.1433.top-古风手绘彩铅画教程| www.89185.com-盈彩客服-| www.849980.com-时时彩斗牛套利| www.954682.com-快三可以作弊吗| 福彩www.26878i.com| www.664982.com-七乐彩近期开奖| www.51643.cc-今日竞彩比分推荐| 大玩家彩票www.84499l.com| www.54sn.com-申请福利彩票销售| www.12ul.com-购彩神器-| www.740334.com-福彩大全-| www.843514.com-中国体育彩票活动| www.931705.com-彩票中大奖横财预兆| 网易彩票www.084wy.com| www.882011.com-博彩套利-| www.77669.com-彩尊时时彩登录平台| www.062068.com-彩珉之家-| www.738443.com-金利彩票是正规的吗| www.969360.com-53彩票注册-| www.311799.com-福彩3d好心人布衣| www.187956.com-福利彩票彩种| www.764786.com-933彩票网站| www.870735.com-cp彩票苹果-| www.954477.com-天下彩牛蛙四不像| 易彩网www.36166o.com| www.18511.cc-派彩总额是什么意思| www.35617.cc-竞彩比分计算器| www.709508.com-时时彩五星和值走势| www.738149.com-七天彩大发快三| www.850404.com-竞彩6串50-| www.946526.com-福建官网体彩| 9号彩票www.80767j.com| www.115219.com-竞彩网比分直| www.14tw.com-安徽体彩十一选| www.xc05.com-彩中彩坑人骗局| www.369330.com-双色球彩经免费预测| www.657370.com-中彩网3d论坛!| www.fn10.com-福彩快三多久开奖| www.991.cn-电玩城彩票机技巧| www.337449.com-新用户可以领取彩金| www.11064.com-好的足彩软件| www.161627.com-大小单双彩票软件| www.720938.com-福彩和尾振幅走势图| www.186713.com-我爱彩票网快3| www.578729.com-星光彩票安全吗| www.3799.cn-排列三五乐彩论坛| www.p22.vip-美国强力球彩票规则| www.895005.com-体彩6十幸运购彩| www.h72.club-新华彩票58748| www.0119.net-哪个网络彩票安全| www.03720.cc-兴盈快三是假的| www.83030.cc-竞彩达人-| www.49yd.com-福彩藏机图排三在内| www.17gp.com-中国福彩报纸预测| www.736375.com-p3双彩图谜-| www.350233.com-彩色铅笔生产厂家| www.430412.com-彩吧助手手机版| www.97184.com-3d彩宝网开奖结果| www.361256.com-天下开彩开奖结果| www.492752.com-盛世彩票黑过钱吗| www.vb24.com-太湖字谜多彩网| www.62ue.com-极速快三快三走势| www.226362.com-全球彩-| www.3363.pw-足彩下载什么软件好| www.08818.cc-广东福彩多少个中| www.53087.com-时时彩停售通知| www.zb82.com-河北省体彩十一选五| www.35tz.com-美人鱼彩票下载安装| www.215677.com-十二生肖彩票怎么买| www.120803.com-重庆时彩胆拖玩法| www.153819.com-七星彩多期怎么玩的| www.900539.com-小军福彩三d图| www.986330.com-中国彩吧助手走势| www.548776.com-哪个网站买彩票最好| www.666352.com-中国体育彩票看开奖| www.566367.com-体彩开奖结果任九| www.661737.com-竞彩比分全包| www.754608.com-六e彩票-| www.ul21.com-内蒙古体育彩票站| www.37zy.com-彩铅画水滴详细教程| www.rf64.com-彩票在线计划| www.136.cc-彩虹屁吹语录| www.3082.biz-中国连中连彩票| www.03mj.com-北京快三加奖了吗| www.239579.com-王者彩票真的假的| www.357563.com-公司年会送彩票中奖| www.349458.com-彩票走势首网首页| www.314059.com-体彩竞彩怎么看中奖| www.20230.com-竞彩比分直播新浪网| www.654906.com-时时彩单式复式区别| www.54ro.com-体彩福彩摇号机下载| www.58066.com-乐8彩彩票-| www.18668.com-三d福利彩票预测网| www.531883.com-江苏快三倍投盈利表| www.656629.com-m5彩票下载-| www.wt6.com-上海快三遗漏一定牛| www.03907.com-辽宁省福彩中心| www.28912.cc-期期中彩票网站| www.97998.com-彩34app-| www.102874.com-乐和彩登陆首页| www.201452.com-体彩七星彩走势图表| www.278736.com-赌彩票输了50万| www.773202.com-安徽福彩快三中奖表| www.867276.com-乐透彩票-| www.944984.com-3535彩票网-| www.986413.com-竞彩兰球比分直播| www.cp457.cc-私彩有哪些平台| www.jw45.com-新2彩票下载软件| www.b09.xyz-永利彩票-| www.772550.com-彩票图表大全| www.265586.com-网易胜负彩专家预测| www.338538.cc-中山市福利彩票中心| www.6097.pw-釉上彩盘子-| www.41986.com-中彩吧2020代理| www.yq54.com-足球彩票什么app| www.268970.com-长城彩票挣钱真假| www.616868.com-彩票丢失可以领奖吗| www.28586.com-买什么彩票的人最多| www.861560.com-彩界过客二胆预测| www.952831.com-浙江体彩大乐透开奖| www.996018.com-彩通官网-| www.cc19.cc-吉林快三盘在哪买| www.ru64.com-彩票中大奖-| www.w91.cn-五分彩开奖走势图| www.552974.com-彩票买几注什么意思| www.716631.com-彩铅画古风庭院| www.770237.com-网上彩票提款| www.882623.com-易彩堂可信吗| www.8699.cn-彩票开奖哪款软件好| www.92tc.com-彩003-| www.5683.cm-乐天彩票网是真的吗| www.11178.cc-足球彩票l-| www.98229.com-重庆时时彩三分| www.677299.com-淘彩票客户端下载| www.739539.com-头条彩票中国彩|