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.576947.com-兰州彩票店生意转让| www.fk60.com-七乐彩奖金-| www.8554.top-掌舵者彩票团队| www.33011.com-福彩投诉电话| www.816520.com-彩票遗漏是什么意思| www.951847.com-彩神pk10注册码| www.ry9.cc-彩神8app-| www.g04.in-彩票怎么买比较科学| www.eg53.com-体彩大乐透开奖走势| 亿发彩票www.605733.com| www.11751.com-6678彩票怎么样| www.181351.com-上海快三今日开| www.84793.com-七星彩新浪直播| www.374924.com-彩票一等奖中奖规则| www.6897.loan-好彩头陈忠实的简介| www.761257.com-幸运彩票平台怎么样| www.785044.com-中彩票的几率是多少| www.067679.com-免费搭建彩票| www.92ek.com-体彩大乐透前区中一| www.3848.cc-七星彩本期局王| www.yc81.com-彩票中奖兑奖时间| www.981605.com-中国福彩真实性| www.1730.com-腾讯分分彩五星复式| www.165305.com-3d中奖彩票图案| www.651991.com-京彩彩票是不是真的| www.234148.com-安徽体彩大乐透| www.746903.com-中彩啦合法-| www.821982.com-竞彩足球开奖公告| www.911637.com-福彩3d说明-| www.974577.com-能否网上买福彩| www.so1.cc-体彩图标-| www.tv62.com-永诚彩票平台| www.17qz.com-正规的合肥体彩店| www.zb56.cc-甘肃省福利彩票开奖| www.982725.com-好彩app安全吗| www.af48.com-体彩开奖结果排列5| www.14sx.com-安徽体彩大奖| www.529523.com-排列三号码家彩网| www.613486.com-高频彩票实体店| www.3504.pw-在哪里买马彩票| www.554416.com-彩票怎么看呢| www.026677.com-一注体育彩票价格| www.196983.com-马来三分彩开奖历史| www.430299.com-双色彩票怎么买| www.706525.com-快三8和值会出哪些| www.778596.com-釉中彩釉上彩哪个好| www.868823.com-乐购彩票平台| www.972384.com-彩铅画写生胡萝卜| www.cp5331.com-快三中奖宝典| www.d80.me-彩20网址-| www.490638.com-大乐透淘宝彩票| www.389301.com-杨哥说彩今天字谜| www.331984.com-福彩十分开奖| www.025433.com-福彩3d牛材网预| www.098873.com-ig彩票平台官方网| www.171167.com-体彩排列五开奖| www.247955.com-体彩和福彩哪个更假| www.118262.com-海南琼崖快三| www.979540.com-晚晚彩票-| www.474455.com-牛彩网字谜图谜汇总| www.557070.com-vr彩票是什么平台| www.669440.com-体彩福彩什么意思| www.518189.com-下载559彩票| www.661640.com-竞彩好中吗-| www.769005.com-亚博彩票ios| www.165493.com-彩票返利什么意思| www.638166.com-色彩搭配图-| www.112076.com-98c彩票登录| www.900527.com-福利彩票3d投注表| www.jr68.com-乐米彩票是不是正规| www.07nb.com-上期彩票出多少号| www.695601.com-福彩快3计划| www.815373.com-海南私彩梦册| www.888876.com-快三周易数字魔图| www.ao1.cc-一分钟快三开奖结果| www.618486.com-体彩如何看结果| www.731931.com-3d彩报图福降天下| www.809126.com-好彩客官网苹果版| www.874972.com-福彩快乐十分钟| www.980059.com-体彩柜-| www.cp1861.com-福彩快三官方| www.nw61.com-福彩快三赌博| www.02cl.com-印象彩票app| www.948.bid-彩票店上班-| www.722689.com-双色球开机号乐彩网| www.806287.com-59彩票下载-| www.217296.com-快彩开奖软件下载| www.292972.com-河南福彩赛马走势图| www.659158.com-体彩七星本期号| www.136.cm-www.彩票-| www.201070.com-鸿彩快三app| www.316955.com-金山彩票-| www.388705.com-小米彩票怎么样| www.51my.com-59博论坛免费彩| www.ky2.com-江苏快三遗漏一定牛| www.202907.com-吉林快三跨度表| www.95js.cc-男网友让你玩彩票| www.625327.com-大乐透新浪爱彩| www.802697.com-彩八仙官网安卓| www.956502.com-富贵彩骗局-| www.ni37.com-足彩专家推荐分析| www.582551.com-足彩进球彩怎么玩| www.715853.com-爱购彩票正规吗| www.960244.com-酷彩吧网址是多少啊| www.868644.com-易彩集团可以赚钱吗| www.cp6782.com-268彩票app-| www.457418.com-恒彩娱-| www.555493.com-七星彩中奖概率太低| www.626865.com-英国彩票2002| www.237435.com-中国足球竞彩网首页| www.190780.com-快三怎么玩稳赢| www.7654.pro-体育彩票门头标准店| www.877751.com-六台彩迷宫猪年有景| www.968645.com-微信群有人带时时彩| 七星乐www.535666e.com| www.588391.com-我要下载五子彩球| www.463478.com-联盟彩吧-| www.296342.com-江苏快三一期计划| www.473616.com-南京福彩站点查询| www.552507.com-彩票亿万大奖小说| www.617395.com-福利彩票1月7号| www.673689.com-南京体育彩票转让| www.774855.com-六金彩票-| www.849702.com-中国竞彩网官方客服| www.917223.com-平台买彩-| www.970223.com-网络彩票老师带单| 大玩家彩票www.162090.com| www.949.biz-七星彩中奖怎么兑奖| www.057355.com-彩票双色球规则| www.75zo.com-豫彩通-| www.1158.xyz-彩票的相关知识| www.10845.com-澳客网彩票论坛| www.7695.loan-乐彩33破解-| www.47888.cc-体育彩票玩法奖金| www.082005.com-特区七星彩票讫坛| www.966786.com-山西宝马彩票案| 500彩票www.943977.com| www.533090.com-体彩排列三直播视频| www.791761.com-六彩彩票-| www.876444.com-福彩5d有没有二等| www.17707.cc-胜负彩14开奖结果| www.516551.com-色彩心理学测试题| www.ki69.com-七星彩中国体彩网| www.192022.com-福彩和夸走势图| www.967974.com-网络彩票倍投平台| www.555582.com-青岛市福彩中心地址| www.890800.com-彩票快三破解公式| www.959721.com-盈彩在线是哪个网址| 5号彩www.535hc.com| www.05bz.com-彩铅涂色技巧动漫| www.847598.com-竞彩推荐的重要性| www.nh91.com-贵宾室彩票-| www.861560.com-彩界过客二胆预测| www.983054.com-体彩吧百度贴吧| www.cy88.com-江苏快三怎么下载| www.xs22.com-也买彩幸运快三| www.622171.com-中国广州体彩网官网| www.ps43.com-新彩吧3d字谜汇总| www.048928.com-皇都彩票的违规规则| www.092829.com-福彩6十i开奖结果| www.4459.vip-易记彩票下载安装| www.45lg.com-苏式彩绘图片大全| www.550579.com-玩彩票钱提不出来| www.181069.com-彩68app下载|