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.872307.com-福利彩票怎么投注| www.578949.com-pk彩吧计划聊天室| www.31387.cc-台北快三计划网| www.131920.com-中国结婚彩礼排行榜| www.299640.com-彩123app-| www.378597.com-彩票中心领奖流程| www.517626.com-万豪彩票合法么| www.642863.com-幸福彩票是合法的吗| www.745288.com-彩02软件下载| www.890185.com-竞彩篮球推荐澳客网| www.cai8125.com彩票开奖结果往期| www.971256.com-福彩赛车怎么玩法| www.837533.com-立彩佳与卓高| www.920892.com-凤彩网是合法的吗| www.991924.com-时时彩定胆不错方法| www.as72.com-福彩有5d吗-| www.uk11.com-澳门大赢家彩票| www.701420.com-新加坡5分彩骗局| www.799666.com-福彩正规购买平台| www.891099.com-搞笑福利彩票宣传语| www.974152.com-贵州快三时间开奖| www.yo3.com-网络买彩票平台| www.cai2227.com河北快三遗漏直| www.oh61.com-海南彩-| www.46229.com-时时彩走势软件排行| www.008269.com-智慧彩票预测有苹果| www.004901.com-上期的体彩中奖号码| www.095710.com-福彩3d的彩吧论坛| www.6130.com-西安福利彩票七乐彩| www.71664.com-福彩3d是每天开吗| www.10555.cc-足彩波胆是什么意思| www.58355.cc-5分快三官网| www.6333.net-传奇彩票是赌博| www.3038.cm-彩之源怎么下载东西| www.777091.com-苹果哪里下载彩77| www.880759.com-体彩排列三中奖情况| www.959237.com-欧洲彩票中奖排行榜| 大赢家彩票平台www.672950.com| www.hv49.com-福彩3d的和差| www.968105.com-中港彩票网-| www.ag91.com-河南体育彩票481| www.396.biz-fc平台注册彩票| www.7333.net-彩虹5无人机实战| www.188267.com-内蒙古快三49、期| www.780989.com-网络彩票开挂| www.627321.com-双彩网开奖-| www.700793.com-足彩兑奖地点| www.775994.com-彩票怎么计划的| www.863077.com-泰安体彩店转让| www.928332.com-网上福彩3d投注站| www.987402.com-彩票234旧版| www.fe06.com-北单足彩预测推荐| www.c24.cc-彩之网彩票交流社区| www.9890.top-宏盛彩票正规吗| www.524789.com-彩票网易开奖查询| www.629697.com-红彩会彩票-| www.11ef.com-百事彩票网是真的么| 彩票坊www.022yn.cc| www.23373.cc-彩票资讯大全| www.790933.com-彩票模拟机选软件| www.18zb.com-体彩足彩比分| www.457443.com-关于买彩票不中诗句| www.941233.com-彩票怎么刷流水最稳| www.47596.cc-好彩妹口头语| www.44644.cc-得乐彩票怎么注册| www.037745.com-七乐彩在线选号工具| www.14147.com-彩神帝下载-| www.016289.com-彩票计划员是拖么| www.21ji.com-投诉电话彩票店| www.42zs.com-足彩竞彩资讯分析师| www.113388.com-福彩快三官方网下载| www.911334.com-英国时时彩官网平台| www.306628.com-ll彩票注册-| www.394518.com-分分彩是全国开奖么| www.519995.com-各种彩票预测| www.443.in-五福821彩票下载| www.8159.loan-最容易中奖的快三| www.150107.com-国民彩票手机登陆| www.266097.com-河北体彩网开奖结果| www.456834.com-彩六季票在哪里买| www.307938.com-福彩快三赔率199| www.655939.com-新星彩票app| www.20291.com-中国广西福利彩票| www.0447.cc-体育彩票中奖秘诀| www.59167.com-查看彩票开奖结果| www.up6.cc-彩票计划神器| www.a52.org-排列3职业彩民| www.42tw.com-刮彩票中了100块| www.03444.cc-怎样戒掉高频彩票| www.031701.com-下彩彩票官网下载| www.173693.com-快3彩票app-| www.330773.com-购乐彩票app| www.500381.com-彩票发怎么样| www.666518.com-万达商城彩票怎么玩| 爱购彩票www.3552q.com| www.40yp.com-七星彩作假-| www.542903.cc-体彩竞猜游戏规则| www.663455.com-卖彩票犯法吗| www.52dp.com-创意水彩图片| www.030323.com-中国体育彩票e球彩| www.3818.blue-体育彩票机开机图解| www.7364.net-鑫彩网彩票骗局| www.35772.cc-快彩网极速快3计划| www.002413.com-苏州申请体彩地点| www.6519.biz-体育彩票那种奖金高| www.029012.com-体育彩票分几种| www.121542.com-100585彩专家| www.211241.com-福彩三d预测| www.026816.com-体彩481开奖号| www.7086.cn-开封七彩华风幼儿园| www.57at.com-北京五分彩彩官网| www.053643.com-足彩投注比例| www.393292.com-湖南省福彩官网| www.659182.com-快三限号表-| www.761291.com-好彩软件-| www.681125.com-彩票还是别守号了| www.808279.com-手机新浪彩票网下载| www.914836.com-建平县黑彩大案| www.992369.com-旺彩大乐透官网| www.28oj.com-最信誉的彩票网站| www.kj75.cc-易彩快3开奖结果| www.829078.com-ee彩票下载-| www.895555.com-网兼创名彩票靠谱吗| www.976986.com-玩彩乐-| www.jq96.com-彩神大发快三app| www.55891.com-彩票书籍电子版| www.592633.com-模拟彩票摇号器| www.662520.com-盛兴彩票v3线路| www.504141.com-彩票对打什么意思| www.98217.com-福彩3d杀三码最准| www.224580.com-快乐彩票开奖| www.317768.com-最好的彩票投注网站| www.856017.com-云南有快三嘛| www.80861.cc-体育彩票排列7| www.062200.com-万彩网靠谱吗| www.dy49.com-重庆福利彩票| www.987126.com-海南三亚快三查询| www.ge87.com-彩票248app-| www.059146.com-彩票快3咋改时间了| www.003507.com-国彩gc资料-| www.9693.net-6合和彩今天资| www.236628.com-体彩竞彩胜平负| www.357700.com-买彩票欠巨款| www.669777.com-星期几可以买彩票| www.739076.com-中国足彩竞彩网首页| www.805287.com-七乐彩奖励有多少| www.873945.com-网易彩票快三| www.932238.com-七星彩三字现方法| www.978452.com-彩色沥青设备多少钱| www.cp134.cc-易彩是不是骗局| www.9053.org-福彩三a谜语总汇| www.kg81.com-青海快三下注平台| www.t83.org-区块链互联网彩票| www.51xn.com-德州好彩-| www.36799.cc-彩票幸运28-| www.026884.com-十三国际彩票| www.710009.com-亿彩是什么软件| www.672023.com-彩宝的功效和寓意| www.297160.com-贵州快三推荐号码| www.11445.com-江苏体彩七位数专家| www.116884.com-体彩试机号及金码| www.35163.cc-查吉林体彩-| www.079729.com-助赢彩票计算器| www.150004.com-18彩票软件-|