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天

知道了
58福彩 www.731637.com-8k彩票平台官网| www.ss24.com-时时彩后四9码| www.536959.com-手机网投天天中彩吧| www.669838.com-百博七星彩投注网址| www.789980.com-雄鹿快三计划| www.390832.com-全彩漫画3d版| www.1413.in-重庆十字彩怎么压| www.51475.cc-福彩6选3玩法| www.091878.com-实亿国际是黑彩票吗| www.42pz.com-越南五分彩平台| www.811428.com-双彩网手机版下| www.011910.com-星期五彩票开什么奖| www.037791.com-大发快三众乐彩| www.141509.com-杀号定胆汇总凤彩网| www.231970.com-买彩票破解器| www.321061.com-吉林快三预测网址| www.403232.com-七星彩前4位数定位| www.4861.cc-梦到彩票店关门| www.17517.cc-1305彩票怎么样| www.120464.com-宝马集团彩票注册| www.456340.com-福彩大乐透玩法| www.576519.com-竞彩计算器网页版| www.666399.com-乐事彩票app| www.739443.com-中国体育彩票足彩| www.808866.com-竞彩任选九专家预测| www.10cs.com-彩票最大的骗局| www.0064.cc-24小时快三-| www.wt43.com-中国福利彩票开奖网| www.07469.com-澳门彩票公司官网| www.888.shop-天下彩彩票结果| www.8682.com-七星彩机选购买投注| www.76304.com-澳门福乐彩开奖结杲| www.769927.com-足球计算器竟彩网| www.874311.com-七乐彩走势图中彩网| www.964279.com-500w彩票-| www.cp3326.com-福彩1分钟快三| www.uc81.com-高频彩计划app| www.252540.com-福彩网上能挣到钱吗| www.211171.com-大发快三怎么玩赢钱| www.813.cc-什么彩票中奖率最高| www.6732.biz-竞彩推荐预测总汇| www.630213.com-9988彩票-| www.da2.com-老时时彩360| www.301039.com-福彩七乐彩中奖概率| www.81zm.com-竞彩双平是什么意思| www.119026.com-火箭彩票是什么| www.281819.com-彩民之家香港| www.472454.com-中彩票创业小说| www.82qz.com-奥奥客竞彩网| www.132859.com-足彩合买-| www.581455.com-福彩三地开奖结| www.032878.com-七星彩解梦码| www.311586.com-10分钟开的彩票| www.384975.com-3726澳发彩票网| www.881750.com-万福彩票app| www.762772.com-941彩票-| www.cai1799.com快3彩票是真的假的| www.kn88.com-佬牛足彩今日推荐| www.1217.com-555彩票手机购彩| www.727536.com-体彩和福彩中奖号码| www.62621.cc-雪园缘足彩比分直播| www.676525.com-我要查彩票-| www.815383.com-彩票票什么样子| www.933305.com-中福快三一分钟彩票| www.cai234.com-正规的快三平台| www.0416.pro-福彩3d金码10期| www.6860.me-舟山体彩飞鱼走势图| www.22116.cc-竞猜足彩分析预测| www.495177.com-足彩的软件-| www.604952.com-中澳彩票官网| www.738476.com-朋友圈发彩票的说说| www.926325.com-七乐彩奇偶走势图| www.980542.com-968彩票注册| www.te56.com-凤凰时时彩开奖记录| www.7od.com-幼师樱花彩铅情景画| www.76tv.com-今天3d彩票图| www.443447.com-亚博彩票充值| www.568299.com-买彩票的搞笑说说| www.671384.com-开设销售彩票的网站| www.4cr.com-天天爱彩票下载软件| www.232879.com-好彩网3d-| www.020319.com-彩票店招工-| www.17.me-大彩鲸网页版| www.675.mobi-重庆彩票中奖| www.020655.com-福利彩票总部在哪里| www.75825.com-凤凰购彩平台怎么样| www.0566.net-福彩3d蓝精灵| www.009990.com-福利彩票店利润| www.130476.com-福利彩票站地址查询| www.927990.com-二分快三在线计划| www.11lj.com-826彩票开奖网站| www.0205.cc-常州福彩发行中心| www.216322.com-彩票双色球复式玩法| www.586013.com-七乐彩杀号定胆天齐| www.799570.com-彩票领取方式| www.663210.com-中国足彩赔率| www.802870.com-豪彩登陆-| www.16zj.com-鑫彩国际下载| www.1909.com-非法彩票报警案例| www.29633.cc-d9彩票登录网站| www.013877.com-01彩票官网网址| www.044438.com-足彩略顶-| www.984925.com-体彩排列三预测软件| www.52hx.cc-胜负彩欧赔指引| www.87684.com-时彩族时时彩论坛| www.992973.com-中福快三开奖| www.jj35.com-快三8的和值有多少| www.097322.com-福利彩票自助终端机| www.698016.com-生肖彩开奖现场直播| www.814344.com-彩票平台导师| www.907276.com-怎么玩彩票稳赢| www.cai96.cc-福彩快三开奖结果| www.pn60.com-668彩票官网| www.772744.com-最佳阵容彩票中奖图| www.010198.com-彩票3d预测-| www.801537.com-宝马1彩票-| www.912747.com-彩客网咋样-| 9号彩票www.80767w.com| www.805351.com-中超竞彩-| www.887350.com-迅盈彩票网-| www.964240.com-浙江体彩手机版| www.cai8977.com7星彩预测-| www.950910.com-大乐透彩票奖金| www.985661.com-933彩票官方版| www.fc.com-吉林快三玩法赔率| www.jj04.com-福彩3d彩票论坛| www.wc89.com-内蒙古快三新规则| www.4cc.com-哪里能看体彩直播| www.47yj.com-彩票投资方案| www.64km.com-微信怎么买足彩| www.848675.com-即开型彩票兑奖期限| www.sy19.cc-七星彩头尾包中法| www.89wk.com-青岛彩票站出兑转让| www.379362.com-nba篮球竟彩网| www.560922.com-彩票大师软件正规吗| www.671505.com-重庆时彩牛牛平台| www.769308.com-福彩内部人员微信群| www.881310.com-福彩3d图迷总会八| www.50rx.com-彩票代玩是犯法的吗| www.4315.cn-竞足彩交流论坛| www.948023.com-福彩3d生肖幸运号| www.cp719.com-查一下彩票开奖结果| www.8012.top-彩虹伞音乐-| www.47896.com-重庆时时彩正确玩法| www.310150.com-吉林省体彩孙宪斌| www.390697.com-博123彩票靠谱吗| www.050358.com-微信黑彩群判多久| www.hv83.com-北京快三现场直播| www.ve78.com-甘肃快三遗漏统计表| www.94.cn-彩票彩八-| www.59gd.com-体彩退押金真慢| www.876817.com-下载快三-| www.960576.com-注册送彩-| 大赢家彩票平台www.109317.com| www.hq55.com-上海快三吧-| www.vo16.com-安徽快三今50期| www.0198.org-国家统一开奖的彩票| www.44429.com-超兴彩票是骗人的吗| www.654496.com-彩22彩票开奖| www.719998.com-七星彩奖金表| www.786339.com-体彩大赢家预测| www.845362.com-中国福利彩票x性质| www.890840.com-彩票aqq哪个好| www.954979.com-快三是黑彩吗|