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.404415.com-动物彩铅简笔画| www.634245.com-七彩阳光是-| www.776880.com-三分时时彩结果查询| www.896885.com-彩票挂机软件制作| 天天彩票www.215880.com| www.jb61.com-福彩都有什么玩法| www.07744.com-重庆时彩开奖助手| www.b51.top-ll彩票-| www.629736.com-三个数是啥彩票| www.yc15.com-派彩网走势图网页| www.33ny.com-七星彩第2280期| www.732010.com-江苏省彩票兑奖中心| www.866298.com-今天的彩票号码是| www.959124.com-彩票99官方下载| www.cp6236.com-500彩票-| www.60yy.cc-意彩手机版-| www.376699.com-彩票必赢网站| www.7488.loan-彩票直通车下载| www.275353.com-海南体育彩票中奖| www.381633.com-排列5彩票-| www.511047.com-哭着笑彩虹是什么歌| www.692412.com-乐乐彩票站-| www.fd37.com-彩票自动挂机骗局| www.l24.in-国际彩票棋牌| www.82ru.com-澳洲快三开奖网站| www.2719.cc-青蛙彩票导航网88| www.762851.com-旭彩美缝剂产地| www.068484.com-彩乐乐对大乐透杀号| www.931236.com-中彩网甘肃快3| www.gz72.com-合肥快三开奖查询| www.29900.cc-乐彩网历史数据统计| 爱购彩票www.343552.com| www.0556.net-彩票老店主推荐3d| www.32213.com-彩钢瓦围墙价格| www.971804.com-创彩网兼职-| www.fy01.com-刷彩票流水-| www.yg84.com-分分彩后二怎么杀号| www.16oq.com-辽宁省彩票领奖中心| www.569051.com-天天送彩票官网| www.417543.com-彩虹太阳能无人机| www.478837.com-七星彩网解码梦| www.577562.com-幸运飞艇是福利彩票| www.661624.com-网投分分彩作假| www.758110.com-彩38网站怎么样| www.853958.com-万彩吧马会幽默笑话| www.944518.com-百万彩票刷流水| 818合彩www.www.8000hc.com| www.840507.com-广西体育彩票领奖| 彩61www.018916.com| www.128332.com-彩票之家正版资料| www.256520.com-注册汇彩网-| www.555069.com-什么彩票可以中上亿| www.118543.com-博彩租卡-| www.01490.com-斗牛送彩金-| www.129421.com-彩票字谜图谜| www.293770.com-19046胜负彩| www.144120.com-福利彩票真有人中吗| www.54cv.com-彩票最容易中的方法| www.972604.com-123彩票网址| www.556500.com-七星彩开奖结果往期| www.73zi.com-3d黑彩盘-| www.0677.net-福利彩票站申请条件| www.59559.cc-彩客网杀号定胆| www.039047.com-全国最正规彩票网站| www.58277.com-样买二元彩票| www.c64.online-山东彩票群英会| www.745559.com-六禾彩开奖结果香港| www.397875.com-19017期七星彩| www.70004.com-体彩泳坛夺金开奖| www.133000.cc-豪彩娱乐下载| www.902.cm-彩票中3000万| www.2702.pw-v9彩票福彩-| www.0316.cn-网上购彩网-| www.19848.com-苹果购彩软件哪个好| www.715705.com-杨艺快三-| www.403859.com-下期七星彩规律图| www.527726.com-时时彩遗漏回补| www.355641.com-足彩税怎么算| www.33915.com-手机玩彩票怎么下载| www.35531.com-福利彩票模拟投注器| www.17839.cc-盛澳竞彩会赚钱吗| www.135860.com-七星彩预测号| www.317102.com-重庆时时开彩结果| www.974526.com-彩运来官网平台| www.cp1573.com-快三qq计划群| www.ls43.com-大中华彩票下载| www.p96.net-博大彩票合法吗| www.49oq.com-众赢彩票官方网站| 500彩票www.204500.com| www.974335.com-3000万彩票平台| www.060692.com-黑彩买到多少违法| www.17vf.com-好彩网双色球预测最| www.2014.in-彩虹6号配置需求| www.yn59.com-山东福彩网站| www.83938.cc-柘城县彩礼-| www.9012.site-小乐彩彩票安全| www.89935.com-下载七彩视界| www.266801.com-彩61平台是真的吗| www.97xq.com-黑彩网站破解| www.635696.com-彩库宝典网址| www.672632.com-新加坡彩票开奖时间| www.710010.com-福彩摇一摇-| www.851666.com-竞彩足球让足彩| www.954781.com-今晚开的彩票是什么| www.cp7.cm-武汉快三开奖查询| www.639310.com-彩票入驻便利店条件| www.915089.com-博盈彩票是正规的吗| www.75oo.com-台码福星彩开奖网站| www.xv09.com-01彩票下官方| www.230079.com-共享彩票是坑人的么| www.452173.com-彩票线路检测中心| www.588969.com-足球彩票单场二选一| www.091279.com-大联盟彩票是真的吗| www.29158.cc-371博友彩登录| www.335469.com-体育彩票怎么买号| www.491755.com-彩票009app-| www.620072.com-釉下彩的种类| www.686004.com-时时彩2期必中计划| www.774969.com-全天重庆彩万位计划| www.850818.com-竞彩视频直播| www.921915.com-快三走势图贵州| www.982190.com-福彩新彩网首页| www.rf2.com-168彩票网靠谱吗| www.79iv.com-小鹿彩票重庆时时彩| www.563431.com-福彩快3顺子多少钱| www.715599.com-彩票代购实体店出票| www.982436.com-全天时时彩在线计划| www.14ws.com-体育彩票qq号| www.094502.com-查全国彩票开奖| www.198413.com-1分快三数字规律| www.287363.com-彩票开奖接口| www.333241.com-玩彩倍投技巧| www.392725.com-体育彩票试机号今天| www.fj47.com-500时时彩彩票| www.727499.com-山东福彩官方app| www.816484.com-福彩3地开奖号| www.901994.com-找黑彩坐庄的老板| www.967609.com-彩票开奖网查询| 8号彩票www.81520p.com| www.ho38.com-博雅彩票怎么赚钱| www.590157.com-威彩网v30.cc| www.e18.shop-全民彩票安卓| www.02515.cc-彩票了2元网走势图| www.698860.com-全民彩票骗局| www.916178.com-卖黑彩票犯法吗| www.223185.com-重庆快三走势图开奖| www.881407.com-博彩彩票app| www.947317.com-查全国彩票开奖| www.993508.com-体彩竞彩竞彩足球| www.126.org-体育彩票几天开奖| www.2999.vip-投彩网彩票投注站点| www.7691.biz-立彩佳真瓷胶价格| www.17356.cc-获取彩金是违法吗| www.93149.com-105彩票下载网站| www.338174.com-六福彩票开吗| www.432611.com-竞彩最专业的app| www.530826.com-彩93怎么样-| www.583317.com-2元的彩票怎么买| www.647304.com-重庆时时彩最新时间| www.715795.com-广东七星彩诈骗黑彩| www.772519.com-正彩文具-| www.857540.com-彩经彩票破解软件| www.cp2866.com-快三兑奖规则| www.147918.com-网络彩票投注员兼职|