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.716595.com-彩铅樱桃的画法| www.565396.com-徐文轩福彩-| www.ta43.com-必赢彩票网骗局揭秘| www.392422.com-彩铅动漫男生头像| www.81qs.com-体彩排三今日藏机图| www.025480.com-北京快三豹子| www.kg81.com-青海快三下注平台| www.332253.com-下载网冠彩app| www.424813.com-七彩祥云的寓意| www.534450.cc-分析彩票走势分析| www.610850.com-华彩生活下载安装| www.696636.com-快三平台论坛| 三九福利彩票www.99968z.com| www.xk28.com-三d双彩论坛| www.103462.com-足球竞彩比分直播比| www.4313.biz-华夏鑫彩易积分| www.607292.com-教育福彩开奖| www.764629.com-易中快三安卓版| www.896328.com-彩票黑客软件| www.976134.com-彩礼嫁妆-| www.ad92.com-腾讯时时彩最新开奖| www.a57.org-有职业彩民吗| www.42ms.com-彩色纸箱加工厂价格| www.1203.wang-手机彩票计划| www.7664.cm-福彩logo矢量图| www.408111.com-七星彩假的-| www.198298.com-七星彩开奖结果直播| www.85586.cc-659乐彩网-| www.107144.com-爱彩必中-| www.179078.com-安徽快3爱彩乐| www.263582.com-中彩网大乐透走势图| www.356745.com-5百万彩票开奖结果| www.909711.com-高频彩开奖直播网址| www.60930.com-腾讯分分彩坑人| www.79992.com-足彩开奖结果500| www.285935.com-亚洲彩票打不开了| www.365379.cc-v9彩票注册-| www.461455.com-带彩票黄历今天| www.552168.com-江苏11选五爱彩乐| www.7623.cn-新浪爱彩提不出了| www.kc11.cc-168彩票正版| www.cm26.com-利民彩票快三攻略| www.290879.com-c168彩票网站| www.385446.com-福彩电脑版-| www.ro12.com-江苏彩票平台登录| www.365077.com-2015版彩库宝典| www.780052.com-福彩③d-| www.888766.com-网易彩票为啥不能买| www.93cu.com-举报彩票网站电话| www.5272.pw-体彩网点营业时间| www.025129.com-95彩票网-| www.612425.com-万彩彩票三d| www.710777.com-中国有人中过彩票吗| www.796181.com-怎样提高彩票中奖率| www.879712.com-赢彩票与行天下同行| www.954482.com-博牛彩票怎么提现| www.cp2031.com-福利快三网-| www.001199.cc-快三玩家如何作弊| www.699869.com-体彩七星彩的走势图| www.775151.com-k彩娱乐app-| www.843517.com-南阳市结婚彩礼| www.905291.com-高频彩票绝对赚钱| www.965942.com-竞彩足彩吧-| QQ彩票www.89894w.com| www.333332.cc-80彩票是什么平台| www.673588.com-我的彩票账户登陆| 500彩票www.394677.com| www.67226.com-福利彩票中奖领奖| www.04914.com-彩运8是骗人的| www.200711.com-怎样计算七星彩规律| www.7310.vip-双色球中彩网走势| www.59273.cc-福利彩票网点申请| www.066989.com-实体店彩票会被吃票| www.141221.com-湖南福彩网福彩天地| www.680975.com-兴盈快三-| www.sy90.com-够力七星彩规律表| www.08oa.com-728彩票新官网| www.44uz.com-博彩算金融吗| www.368766.com-长城彩票是合法的吗| www.08493.com-136亿彩票-| www.311356.com-红旗彩票登录| www.8kr.com-足彩六场半全场胜负| www.888719.com-网易彩票安卓下载| www.967527.com-微信彩票群合法吗| www.cai5455.com廊坊快三-| www.722885.com-彩票注册-| www.813384.com-想开个福彩和体彩店| www.890904.com-福彩3d组三单式| www.964163.com-福彩彩吧首页| www.cai2229.com河北快三跨度走势| www.37xo.com-怎么下载七星彩软件| www.081.date-澳客赢家彩票二维码| www.1934.xyz-极客彩票-| www.868148.com-七星彩万位杀号定胆| www.520253.com-百乐彩票网站| www.fj62.com-四川成都快三| www.6799.top-胜负彩18151| www.c89.com-国民彩票下载| www.07922.com-江南彩姐大乐透推荐| www.471610.com-足球彩票小说| www.566703.com-青岛市体彩管理中心| www.657567.com-大乐透前区彩票杀号| www.731982.com-足彩19030-| www.ul85.com-内蒙古福彩apk| www.61jt.com-幸运28彩票官网| www.1482.xyz-易盈彩票靠谱么| www.600450.com-两人特殊买彩票| www.688758.com-彩39网-| www.757902.com-体彩是不是一个骗局| www.828892.com-九彩彩票官网首页| www.894340.com-博友彩靠什么赚钱| www.970941.com-福彩快三被黑| www.cz8.com-168彩票网官方版| www.027612.com-易彩票安全吗| www.21395.cc-创名彩票下载安装| www.0226.cc-福彩3d大花虎预测| www.s80.top-体彩排列三胆码图| www.172787.com-湖北福彩快三推荐| www.458010.com-彩经彩票工具| www.42523.com-七星彩彩宝贝走势图| www.606911.com-今天买彩票选啥号好| www.767070.com-重庆时时彩易购网| www.905642.com-盛世彩票-| 大赢家彩票www.599476.com| www.822079.com-体彩足彩竞彩手机版| www.893709.com-安徽快三和值一定牛| www.964451.com-360彩票比分直播| 好乐多www.www.c760c.com| www.bh54.com-彩宝彩票分分快三| www.451616.com-幸运分分彩免费计划| www.900364.com-粤淘彩票主页| www.979411.com-福彩开奖结果双色球| www.92kb.com-彩票网站投注兼职| www.599536.com-极速时彩软件计划| www.69al.com-皇冠彩票中心| www.768628.com-彩票网站的搭建| www.837637.com-东莞体彩装修文件| www.i58.org-河南快三一定遗漏| www.82cm.com-山西足彩大奖| www.94ih.com-易彩堂能赢钱吗| www.2717.cc-福彩快三倍数| www.0757.pro-官方指定的购彩网站| www.1164.com-彩票怎么跟长龙计划| www.9966.la-彩礼退还法律规定| www.55165.com-安卓彩票缩水软件| www.44fu.com-足彩4串11-| www.688313.com-福彩3d收费群| www.947503.com-今日福彩3d双彩图| 百姓彩票www.bxcp3.com| www.917203.com-彩票88有谁受骗吗| www.961759.com-福彩三d缩水软件| www.995118.com-福彩主任是谁| www.dz0.com-十分钟一开的彩票| www.646857.com-福彩3d彩民交流区| www.513324.com-彩客竞彩彩票怎么样| www.126157.com-彩票带人回血靠谱吗| www.55170.com-买彩票微彩吧| www.411379.com-七彩鱼-| www.315322.com-七彩蓝田投资原始股| www.07ud.com-七星彩最新番外| www.34481.com-手机彩票彩81彩票| www.qk82.com-江苏快三人工计划| www.nb5.cc-福彩3d和值表图| www.515886.com-云帆彩票平台|