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.186548.com-江苏快三彩票网| www.388833.com-玩狮子发彩-| www.272566.com-809彩票官方网站| www.5588.pw-体彩排列五开奖结| www.650295.com-彩虹伞对幼儿的好处| www.225664.com-安徽彩票-| www.500211.cc-福彩售卖点的位置| www.762598.com-香港皇家重庆时时彩| www.906336.com-黑彩网站怎么盈利的| 彩票500万www.175709.com| www.zo93.com-融彩网-| www.84wv.com-时时彩倍投方案| www.944154.com-甘肃快三倍投计划表| www.84uy.com-网络彩票何去何从| www.8730.vip-全民竟彩-| www.gn30.com-河南彩礼政府标准| www.531773.com-念佛中彩票感应| www.56tm.com-易彩-彩民福登录| www.756545.com-彩今今票-| www.870602.com-彩票投资指南报今期| www.963017.com-彩票计划网超准版| www.vi9.com-大马彩票下载| www.uf07.com-那个是凤凰私彩平台| www.786269.com-彩票大赢家百度| www.552168.cc-万彩吧六开彩奖百度| www.227751.com-安阳彩礼-| www.cp1700.com-幸运快三计划单双| www.ta53.com-两元一注彩票几位数| www.32my.com-体彩7码组选遗漏| www.213104.com-时时彩哪个好app| www.cai2644.com时时彩96-| www.755669.com-福彩3d八卦图表| www.907666.cc-天天彩选4中奖规则| www.972433.com-菠萝彩官方软件下载| www.hj90.cc-谁在uu快三输了钱| www.44vr.com-uc彩票官方网| www.0563.loan-662399彩王-| www.3174.cc-看彩啦开机号| www.11792.cc-怎么查泰国彩票开奖| www.66760.com-福彩怎么兑奖| www.017137.com-快三一共有多少注| www.093130.com-体育彩票高频彩种| www.318345.com-高频彩调整-| www.447073.com-仆先生全彩-| www.508.cm-彩61是什么-| www.5534.biz-马来彩开奖直播| www.13281.cc-福彩易购是不是骗局| www.67960.com-哪种彩更多人玩| www.066158.com-900彩票是真的吗| www.134504.com-福彩3未出号码关注| www.950223.com-彩39彩票官网下载| www.070044.com-体育彩票中奖图片| www.154186.com-彩票计划能赚钱吗| www.8618.cm-彩送-| www.61757.cc-七星彩现场开奖直| www.06068.com-体育彩票竞猜| www.968046.com-哪个平台有河南快三| www.7860.cc-下载好运来彩票网| www.200086.cc-喜乐彩历史开奖号码| www.365174.cc-安徽福彩快3加奖| www.126485.com-王者彩票真的吗| www.500799.com-2寸彩照是什么底色| www.176217.com-快三缩水软件手机版| www.028952.com-彩票走势图怎样分析| www.119201.com-爱乐透福彩开奖首页| www.55315.com-香港博彩堂-| www.103698.com-买彩票怎么买的| www.jj71.com-百盈彩票app| www.hb88.cc-大发彩app下载| www.zg03.com-今天三d福利彩票| www.512124.com-彩铅幼儿画图片大全| www.742789.com-头奖彩票下载并安装| www.j58.top-七乐彩预测杀号汇总| www.933000.com-惠民乐彩票骗人吗| www.987681.com-网上购彩违法吗| www.yc4.com-彩神iiapp-| www.pl44.com-彩票投注兼职骗局| www.3wd.com-彩胜团队-| www.63xv.com-2个彩票对刷| www.0374.pw-休闲快三教学| www.94rh.com-体彩二码遗漏表| www.7798.biz-分分彩四星-| www.85.cn-3d体彩中奖号| www.81842.com-时时彩顺子最大遗漏| www.1023.biz-众赢彩票网合法吗| www.289896.com-彩票是真的能中奖| www.49yt.com-河北福彩管理中心| www.267322.com-河南快三计划软件| www.382442.com-创名彩票是什么来的| www.772349.com-体彩标志-| www.3960.cn-奔腾彩票合法吗| www.182377.com-彩票选号工具| www.191680.com-澳门国际彩票| www.502718.com-类似多彩投-| www.009181.com-瑞彩彩票app下载| www.101108.com-八亿彩老师带人| www.352848.com-七星彩守号技巧| www.cp5899.com-手机买彩票正规软件| www.sy53.cc-六星彩开奖号码| www.08dy.cc-彩铅画动物简单教程| www.356272.com-网购送彩票犯法吗| www.96ay.com-体彩任五走势图| www.3962.biz-ck彩客网跟单| www.cai7878.com甘肃快三今天预测| 手机购彩www.c705.cc| www.225181.com-福彩网pc电话多少| www.317098.com-彩票中了5元怎么领| www.043964.com-彩票扫一扫在哪里| www.227116.com-彩虹宝宝-| www.371802.com-足彩大乐透-| www.610600.com-直播体育彩票七星彩| www.99898.com-六彩彩现场开奖结果| www.84786.com-中国福彩3d综合版| www.276423.com-希腊5分彩开奖结果| www.525390.com-58彩论坛-| www.700906.com-竞彩截止购买时间| www.131672.com-太原彩礼-| www.690796.com-如何看福利彩票| www.332308.com-体彩实体店返点10| www.527995.com-新重庆时时彩遗漏| www.653621.com-章鱼彩票竞猜| www.hg44.com-彩票购彩大厅下载| www.231744.com-免费下载快三助手| www.924518.com-七星彩杀号-| www.yv04.com-神圣彩票网-| www.7682.top-福利彩票六千万| www.025019.com-福彩开奖结果百度| www.983444.com-上海体育彩票怎么开| www.120158.com-体彩打票机键盘图片| www.061641.com-彩客网提现-| www.210494.com-分分快三官方开奖| www.320171.com-百宝彩十一选5| www.504762.com-福利彩票领奖照片| www.611706.com-彩虹岛水果作弊器| www.743244.com-酷彩app苹果下载| www.922290.com-七乐彩中奖图片| 天天乐彩票www.533265.com| www.wr55.cc-人人中彩票旧版本| www.95jy.com-福彩4加1奖金多少| www.99gv.com-福彩3d图库大熊猫| www.144107.com-赢彩彩票是不是骗局| www.ij9.cc-福彩双色球预测| www.274918.com-分分时彩下载| www.521241.com-七星彩中奖查询表| www.ry93.com-福彩快三万能四码| www.5637.cc-彩票群里买彩票赚钱| www.021248.com-体彩11选五湖北| www.674343.com-头务彩多多-| www.wr06.com-大奖网彩票网址下载| www.37592.com-约彩彩票365| www.136130.com-看山东十一选五体彩| www.946785.com-市政彩钢围挡| www.987180.com-购彩堂是什么东西| www.do08.com-私彩快三代理平台| www.580187.com-疯狂赛车是哪个彩票| www.tx03.com-彩票屠龙计划客户端| www.286047.com-正37彩彩票-| www.802412.com-玩彩票输钱能报警么| www.235670.com-山东福利彩票| www.684754.com-体彩顶呱刮5元中奖| www.47214.com-好彩1绝招-| www.82xs.com-移动和彩云官网| www.082866.com-全国高频彩票app| www.005835.com-好彩1今晚开什么|