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天

知道了
彩票123现在叫什么名字 www.2474.xyz-重庆时时彩彩迷开奖| www.mu97.com-中彩彩票源码| www.230.cm-官方售彩网站| www.6344.com-竞彩店logo-| www.27696.com-彩票门头图片大全| www.83334.cc-高频彩票规律| www.99169.cc-彩票彩吧助手| www.584841.com-福彩胆码预测双胆| www.344545.com-乐彩网专家-| www.507197.com-体彩遗漏数据统计| www.596822.com-久彩彩票下载| www.673660.com-彩票任务-| www.772480.com-体彩图标高清图片| www.4oy.com-如何买彩票中一等奖| www.77ym.com-境外博彩员工犯法吗| www.2504.vip-彩票那个平台有签到| www.8378.top-香港皇牌彩经三中三| www.967366.com-亿彩票软件安全吗| www.ib23.com-河南省福彩快三| www.8ak.com-体彩14场对阵表| www.83el.com-喝彩中华第二期| www.3429.cc-ba彩票网站-| www.9252.biz-大乐彩怎么提现| www.71126.cc-体育彩票领奖流程| www.109054.com-香港百彩网-| www.162290.com-下彩网app安卓板| www.318245.com-十字彩票怎么玩法| www.409791.com-今天彩票信息| www.519319.com-pc快三真假-| www.586310.com-人人彩票是真是假| www.656576.com-北京中奖的彩票站| www.490220.com-三号彩票安卓| www.570896.com-七彩山鸡蛋报价| www.666730.com-乐彩网怎么充值| www.745778.com-成功彩票官网| www.827508.com-官方三分彩走势图| www.55379.cc-出国做时时彩可靠吗| www.931885.com-中彩票视频-| 600彩票www.336766.com| www.182047.com-彩票开奖快三| www.315000.cc-高频快开彩票要停了| www.427426.com-足彩加直接下载| www.43oz.com-儿子挂彩是什么意思| www.558987.cc-彩虹的约定钢琴谱| www.670269.com-福彩东方6加1| www.777956.com-玲珑彩票app| www.854309.com-竞彩篮球彩票怎么买| www.tf24.com-体彩金码-| www.55kv.com-赢彩彩票你同行| www.846342.com-彩票做假案-| www.933329.com-快三最长的龙| 奔驰彩票www.781566.com| www.ky62.com-中信外蒙快三| www.79zf.com-三d牛彩网字谜九| www.13917.cc-竞彩网是不是正规的| www.77157.com-号百彩票怎么打不开| www.062471.com-59彩票官网-| www.142898.com-福彩3d小蓝精灵a| www.226688.com-福彩三d一定牛| www.307626.com-彩票电子走势图软件| www.386173.com-彩票123ios-| www.503095.com-彩票极限大数据| www.591215.com-葡京时时彩官方网址| www.670504.com-彩色的造句大全集| www.vs06.com-体彩虚拟e球彩| www.45zk.com-福彩20选8技巧| www.0272.com-竞彩玩法说明| www.6982.me-打出的彩票能注销| www.23120.cc-双色球彩票纸张尺寸| www.499855.com-51彩虹登录-| www.581478.com-彩珉网333期预测| www.663026.com-马来分分彩官网| www.731717.com-彩钢板围挡方案| www.813794.com-中国体育彩票微信号| www.881880.com-八八彩票下载安装| www.hf77.com-快三投注图表| www.f02.top-七星彩票开奖查| www.48nh.com-三国杀张星彩去衣| www.232290.com-时时乐彩票-| www.316325.com-乐彩论坛静态版| www.537148.com-带彩字的微信昵称| www.767825.com-淘彩吧下载-| www.896027.com-95彩票快三计划| www.980440.com-火箭彩票网是哪里的| www.ie5.cc-福彩快乐彩-| www.rb51.com-分分彩互刷方案| www.9bp.com-美国彩票强力球开奖| www.72ye.com-体育彩票足球胜负彩| www.304218.com-甘11彩控-| www.385734.com-周日体彩兑奖吗| www.625552.com-2019七星彩票| www.705116.com-中国体彩网现场直播| www.835567.com-500百彩票-| www.899816.com-安徽快三胆拖投注表| www.964259.com-彩票筛选软件app| 大赢家彩票平台www.137651.com| www.139558.com-彩88是真的吗| www.239941.com-江苏快三兼职可靠吗| www.324009.com-南洋彩今晚开奖号码| www.934544.com-快彩软件下载| www.985141.com-双色球彩票兑换期限| www.a62.club-时彩彩怎么玩能赢钱| www.34fs.com-足彩比分直播预测| www.343779.com-78彩票真不真| www.48377.cc-全能中彩彩票腾讯网| www.89776.cc-贵州香烟贵烟多彩| www.057564.com-体彩排列五新玩法| www.124328.com-彩票团队群-| www.7976.org-博境外彩网站| www.396344.com-云上多彩宝-| www.543437.com-新的体育彩票| www.615551.com-体彩选号规则| www.687991.com-快钱彩票广西快3| www.763092.com-摩羯竞彩足球app| www.70cf.com-梦见死人彩票怎么买| www.692577.com-泰国最新期彩票| www.794988.com-合肥福彩领奖地址| www.883878.com-江苏快三属于黑彩吗| www.go29.com-36选7开奖好彩1| www.a88.link-水彩创意-| www.35lq.com-辽宁福彩奖不停下载| www.0480.net-广州体育彩票app| www.7872.cn-胜负彩中奖故事| www.308053.com-手机上买快三| www.395696.com-今天开什么彩票奖| www.652633.com-新浪爱彩国际彩| www.760221.com-时时彩平台无法提款| www.865204.com-大奖网彩票官方网站| www.973215.com-歌词带有彩虹的歌曲| www.0727.net-澳客彩票提交彩店| www.12028.com-旺旺彩票大发快3| www.66786.com-福彩e网-| www.027782.com-下载福建体彩网| www.114285.com-福彩快三开奖日期表| www.204723.com-江西快三怎么投注| www.266759.com-快三为什么不算赌博| www.511151.com-彩虹天堂歌曲| www.636009.com-张翰七星彩开奖号码| www.19pl.com-泰安市福彩中心地址| www.94qg.com-如何看七星彩走势图| www.2836.biz-彩虹糖小孩能通吃吗| www.8355.org-时时彩复式7码必中| www.31522.cc-彩票走势网页首页| www.76058.com-温州体彩店转让| www.026483.com-博彩app在中国| www.100184.com-网络快三输惨| www.296965.com-彩票k线图怎么看| www.367563.com-彩铅手绘樱花树图片| www.456296.com-腾龙时时彩做号新版| www.545503.com-竞猜足彩预测| www.726908.com-海南彩开奖记录| www.795678.com-竞彩江苏店-| www.903158.com-真实的彩票软件网站| www.962174.com-彩涂铝板经销商| 500彩票www.202403.com| www.66703.com-竞彩足球漏洞| www.027959.com-彩友多买彩票可靠吗| www.099731.com-彩票首充送彩金26| www.749299.com-体彩实体店网络购彩| www.818250.com-足彩第19041期| www.882232.com-网络彩票计划师| www.974353.com-快三啥时候开奖时间| 购彩在线www.66332d.com| www.63711.com-唯彩彩票投注|