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.952770.com-吉林快三稳赚| www.950467.com-乐彩客官方网站| www.130451.com-快彩王是合法的吗| www.603203.com-中彩走势图-| www.320924.com-百宝彩tv-| www.z17.bid-彩之王我的账户| www.71iz.com-彩票梯子游戏软件| www.cai2544.com时时彩开奖时间调整| www.017163.com-三分彩最准计划| www.mp09.com-七星彩中奖查询| www.709074.com-体育中心软件彩票| www.927167.com-红旗彩票怎么样| www.41899.cc-七星彩开奖记录查询| www.331510.com-七乐彩票主页| www.759669.com-五福彩票通用版网站| www.611724.com-彩票给真有大奖| www.707869.com-新345彩票-| www.781734.com-彩票多少钱开始收税| www.865897.com-熊猫彩票信息| www.715608.com-牛彩网3d最准预测| www.822253.com-竞彩容错解释| www.957419.com-六会彩资料大全下载| 彩民网www.76520q.com| www.22504.com-13e彩票下载| www.20gg.com-好运彩幸运快三| www.cj89.com-福彩快三吉林走势图| www.87300.com-信达国际彩票| www.739793.com-乐透乐福彩博彩论坛| www.865883.com-实时彩玩法介绍| www.974371.com-福彩双色球单式规则| www.pe79.com-河北快三推荐三同号| www.02sv.com-世界杯微博竞彩| www.34085.com-无极源码福利彩票| www.wn6.com-彩票开奖号码查询| www.325511.com-福彩几分钟开奖的| www.455299.cc-区块链彩票游戏| www.667317.com-现在什么彩票最火| www.797504.com-彩民彩票世界杯| www.917870.com-39彩票网网-| 大赢家彩票平台www.278203.com| www.nd50.com-快三大全-| www.118941.com-钻石彩票网合法吗| www.262294.com-上海彩票快三官网| www.596622.com-下载彩票甘肃快3| www.696278.com-7070彩票平台| www.801174.com-来彩下载-| www.879692.com-赢彩票与你同行| www.960807.com-七星彩历年开奖查询| www.3112.net-上海彩票弃奖排行榜| www.867262.com-七星彩守号20年| www.439900.cc-时时彩账号-| www.459758.com-体彩排列3d断组| www.99316.com-智胜软件彩票| www.957745.com-乐点时时彩-| www.bh.com-10分快三计划网站| www.849226.com-法乙足彩分析| www.88383.com-盗窃中奖彩票| www.775202.com-彩票豹子号推算| www.875783.com-彩票语录-| www.954895.com-跑马彩票官网| www.255589.com-七星彩怎么玩| www.io19.com-足彩对阵表-| www.201058.com-福彩快三专业版下载| www.247267.com-微信快三彩票群| www.282348.com-彩票乐全天实时计划| www.804126.com-会员登录王者彩票| www.886264.com-卡通彩铅画图片大全| www.959920.com-时时彩长龙有多长| 豪彩VIPwww.001857.com| www.557075.com-阿里彩票和云霁科技| www.641065.com-香港6hck彩库| www.706179.com-聚星博彩是合法的吗| www.776591.com-福利彩票排列三| www.840885.com-福彩连环夺宝手机版| www.904648.com-福州市体彩中心兑奖| www.967439.com-福彩3d高手群号码| 126彩票网www.786126.com| www.3822.in-北京7星彩开奖号码| www.3143.cm-北京体彩能买多期吗| www.0631.win-旺达彩票可以信任吗| www.855069.com-新彩网排三-| www.288515.com-时时彩彩票高手论坛| www.222143.com-彩票销售改革| www.43wd.com-精彩精的意思| www.1224.site-v博彩登陆-| www.9900.hk-怎么登陆乐游彩票网| www.2931.com-绿和彩今期开什么号| www.82921.com-五百万彩票怎么下| www.618608.com-快三和值11是大么| www.771306.com-爱彩乐时时彩平台| www.876311.com-重庆时彩时彩下载| www.219424.com-福彩6加1走势图| www.7111.biz-电玩8彩票网站| www.67539.com-怎样一夜暴富买彩票| 500万彩票www.96386f.com| www.971742.com-上期福彩开奖号| www.xj.com-官方手机福彩投注| www.nv94.com-北京福彩开奖结果| www.s54.cn-够力七星彩官网| www.xb0.com-江苏快三跨度走势| 金掌柜www.83993n.com| www.kr83.com-91彩神网站-| www.444594.com-莆田市彩票店招工| www.365003.cc-宝库彩典直播开奖| www.462734.com-cb8c0m彩宝票| www.875538.com-彩吧红五3d图库| www.075978.com-彩票达人app| www.39811.cc-彩虹8下载-| www.11co.com-彩铅画花卉教程图解| www.739365.com-体彩代销编号| www.811701.com-福利彩票基础知识| www.875346.com-搜索3d彩吧图库| www.948113.cc-福利彩票的中奖规则| www.995674.com-竞彩平均优化计算器| www.af20.com-今天五星彩开奖号码| www.788226.com-新万彩吧下载安装| www.890806.com-彩票在线试玩| www.965745.com-彩神app网站登录| 吉利彩票www.80065g.com| www.65wk.com-365博彩反水多少| www.730954.com-雪缘园足球彩票比分| www.552209.com-爱彩乐怎么购买| www.642556.com-体育彩票字母含义| www.24344.cc-落日彩铅画-| www.059775.com-彩票公益-| www.242379.com-山东体彩网论坛首页| www.765499.com-众发彩票是合法的吗| www.853355.com-美国彩票mega| www.927301.com-褔彩3d开奖-| www.983468.com-易发彩是真实的吗| www.sm1.cc-甘肃福彩时时彩规则| www.446482.com-彩票投注正规app| www.92452.com-数字3彩神通免费版| www.32892.com-江苏省体彩网大乐透| www.39568.com-18075期彩票| www.953932.com-好彩柠檬双爆| www.662758.com-时时彩两期免费计划| www.700399.com-怎样网上投注体彩| www.879566.com-网络彩票能挣钱吗| www.994523.com-时时彩自动投注机器| www.lr81.com-中华彩票app| www.621051.com-名彩客栈双胆| www.834389.com-炫彩浮屏什么意思| www.cp6808.com-快三跨度走势| www.58kc.com-江苏快三有赢的吗| www.294880.com-网上彩票正规平台| www.861698.com-彩票36选7网址| www.550537.com-体彩导航-| www.811899.com-广东11选5彩乐乐| www.972482.com-彩票七星彩开奖号码| www.47gx.com-河北省福彩客服电话| www.0431.link-想做彩票代理| www.9254.org-彩吧试机号查询今天| www.42902.com-天今彩票与你同行| www.365740.com-中国足球500竞彩| www.059.biz-利彩机械-| www.9104.loan-油性彩铅画入门教程| www.87171.com-银川福彩大厦| www.870032.com-快三立体走势图河北| www.979439.com-7的彩票-| www.w63.club-足彩星号什么意思| www.2158.com-乐彩vip有人玩吗| www.01946.com-中彩网论坛交流区| www.yx77.com-彩票计划哪个好用|