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.0876.date-0008博彩论坛| www.69631.com-金彩网246网| www.591.red-幸运5分彩开奖| www.7743.pw-趣彩分分彩-| www.207196.com-福彩3d直选过滤器| www.322737.com-机选彩票会不会中| www.913091.com-五分彩基本走势图| JJ彩票www.431776.com| www.js96.com-乐彩17500首页| www.313268.cc-大发快3彩票骗局| www.438199.com-k彩登入-| 福彩www.16878d.com| www.716.cm-北京报亭可以买彩票| www.5968.biz-重庆结婚不要彩礼钱| www.35262.cc-七天彩怎么玩| www.yn04.com-体彩算法-| www.189060.com-福彩3d500期| www.336978.com-山东体彩网官方网站| www.453968.com-什么是彩色透水砖| www.545514.com-中国福彩网黑龙江| www.626891.com-福利彩票价格| www.763854.com-网络彩票怎么举报| www.191749.com-分分快三平台下载| www.277980.com-可以晒票的彩票网站| www.361308.com-彩泥小制作大全图片| www.298751.com-幸运彩票官网| www.371235.com-河北快三高手推荐号| www.470506.com-外国有足彩吗| www.11831.cc-话费积分怎么换彩票| www.759068.com-微彩托的套路| www.973635.com-快三能回本吗| www.de9.com-分分时时彩计算公式| www.vn64.com-彩票五分快三能玩吗| www.76ja.com-黑白彩图库-| www.7598.vip-南国七星彩精选论坛| www.42198.com-江苏快三输了| www.4356.cn-福星彩推荐码| www.389646.com-怎么加盟体育彩票| www.606476.com-网上在彩票停售之后| www.692030.com-九万彩票安卓app| www.768811.com-奥淘彩票app| www.865726.com-彩票分析预测下期| www.930750.com-彩票3d怎么分析| www.983669.com-彩票兑换中心| www.fr46.com-快三儿遗漏结果| www.k35.cn-湖北福彩3d开机号| www.01655.com-十分彩平台可靠吗| www.355745.com-常州体彩中心在哪| www.493825.com-福彩三地太湖图| www.383859.com-山西省体彩怎样兑奖| www.48815.com-2分时时彩-| www.024244.com-福彩3d大奖故事| www.96579.cc-福彩宣传mp3| www.338636.com-彩尊七年下载| www.437738.com-足彩中的专业术语| www.567653.com-代理时时彩违法| www.637356.com-小米彩虹7号电池| www.739411.com-久久彩票安卓| www.831296.com-福彩七乐彩如何中奖| www.913230.com-人人中彩票网页版| www.987028.com-迷彩网下载-| www.09ki.com-118彩票下载中心| www.052.in-中彩网3d预测| www.626221.com-中宏彩票靠谱吗| www.471855.com-福彩票开机号| www.662246.com-实时彩平台哪个好| www.819508.com-提前预判彩票| www.746299.cc-官方网络购彩| www.878486.com-中国福彩网积分卡| www.6812.xyz-乐彩手机客户端下载| www.167256.com-北京快三走势图表| www.ch88.com-福彩61走势图| www.a09.cc-时时时彩五星走势| www.518398.com-皇都彩票我的账户| www.4266.vip-唯彩会看3d-| www.25001.cc-彩铅调色谱-| www.78133.com-ued体育彩票| www.043468.com-3d彩民乐图库树| www.127392.com-竞彩让球胜平负网| www.211631.com-福彩咋玩-| www.290954.com-快三內蒙-| www.369340.com-福彩3d跨度彩乐乐| www.944686.com-彩票容错专家破解版| 博乐彩票www.558363.com| www.si98.com-时时彩1998奖金| www.6478.vip-彩86-| www.33667.cc-彩宝典-| www.97116.cc-网彩pc蛋蛋-| www.100265.com-105彩票网页版| www.174499.com-大发快三赚钱技巧| www.28917.com-必中彩票可以提现吗| www.827289.com-彩票里面什么是龙| www.898351.com-彩票刷分红靠谱吗| www.964361.com-广东体彩官网首页| www.073378.com-腾讯分分彩软件| www.2796.biz-网络彩票怎么解绑卡| www.020011.com-北京多乐彩-| www.7208.biz-彩虹六号大盾墨冰| www.44320.com-福彩跟单操作兼职| www.069767.com-龙虎和彩票软件| www.195208.com-重庆时彩下注平台| www.325064.com-华人新彩票平台| www.0079.top-彩票相关名字| www.07432.com-全民福利彩票下载| www.96265.com-彩票777登录入口| www.35787.com-福彩双胆独胆| www.145143.com-体彩p3开奖-| www.292116.com-487彩票-| www.388222.com-湘潭华彩置业| www.548577.com-分分彩刷钱技巧| www.733346.com-东方一分彩计划| www.795299.com-福彩3d怎么守号| www.858267.com-彩票爆仓-| www.908345.com-数字型彩票技巧| www.963693.com-乐彩三d论坛静态版| 福彩彩吧www.61524s.com| www.006563.com-体彩手机在线安卓版| www.147739.com-彩票平台试玩账号| www.237949.com-彩票福彩开奖查询| www.692462.com-乐米彩票竞彩网| www.822040.com-彩票能在不同站兑奖| www.025083.com-今日福体彩开奖号码| www.182158.com-安卓版038彩票| www.385765.com-甘肃快三三不同遗漏| www.508844.com-sina爱彩-| www.959460.com-时时彩5分钟计划| 500彩票www.66653f.com| www.cn73.com-彩界联盟安全吗| www.rg16.com-投注平台彩种多| www.55.me-卡姿兰彩妆代理| www.55zv.com-安庆体育彩票店在哪| www.573.live-重庆桥洞彩票哥| www.3432.net-五分快三彩票骗局| www.8251.xyz-彩票要怎么买才能中| www.088016.com-彩神88ap-| www.cv46.com-彩票app源码| www.31654.com-怎样利用福彩店赚钱| www.663455.com-卖彩票犯法吗| www.820073.com-买彩票能挣钱吗| www.903422.com-万豪彩票助手旧版| 58彩www.55558c.com| www.765656.com-大发快三概率计算| www.w16.cn-彩票对补技巧| www.834407.com-日免软好彩价格| www.901142.com-关于福利彩票知识| www.954417.com-从彩网-| 68彩票www.68689z.com| www.kx35.com-9购十分彩app| www.3yv.com-凤凰彩票是真实的吗| www.84jr.com-体育彩票远程教育| www.800334.com-卓易彩票怎么没有了| www.874952.com-网易彩票是不是真的| www.997552.com-一分快三杀号| www.xc48.com-19095体彩-| www.210181.com-伯爵国际彩票网站| 中国福利彩票www.08588w.com| www.881401.com-博彩app推广| www.vb30.com-福彩分析预测彩吧| www.8568.in-乐彩网嗨少看彩| www.69724.com-体彩11选择5预测| www.052971.com-足球彩票网站| www.782253.com-彩票软件网-| www.869088.com-湖南体彩彩民论坛| www.cp2550.com-福彩快三兼职|