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天

知道了
亚洲28 www.bq8.cc-珠江彩票合法吗| www.81393.com-怎么玩快三能赢钱吗| www.637108.com-彩虹6号手机壁纸| www.815414.com-昨日体彩中奖号码| www.997831.com-泊利彩票app| www.555623.com-快三顺子两倍多少钱| www.736291.com-七色彩虹图片| www.883716.com-彩票送彩金排行榜| 千禧彩票www.528qx.com| www.15ln.com-彩虹6无人机参数| www.021239.com-亚博体育彩票app| www.095148.com-中国3d彩吧图库| www.85mz.com-彩票一定牛软件下载| www.365717.cc-彩色铅笔素描青岛| www.357657.com-员工领奖中彩票中奖| www.456040.com-手机上玩彩是骗局吗| www.41ka.com-丹东彩吧图库| www.184778.com-湖北快三开奖图| www.274621.com-你们玩快三玩什么| www.358462.com-博仲彩票下载| www.181457.com-福彩网app怏三| www.303086.com-1000万彩票-| www.bt16.com-腾讯5分彩走势| www.wl86.cc-彩8官网-| www.2281.cc-彩民乐双色球玄机图| www.586671.com-首存1送88彩金| www.744252.com-兴华彩票靠谱吗| www.082076.com-彩钢围挡生产机器| www.879433.com-安全合法的彩票平台| www.976458.com-彩礼的美称-| www.wh8.com-七星彩兑奖结果| www.667770.com-怎么才能中七星彩呢| www.782866.com-七乐彩走持图| www.882850.com-093彩票合法吗| www.959780.com-3号彩票正规吗| www.jp8.com-宁夏福彩快三彩控网| www.29ij.com-体彩投注平台| www.5620.cc-买彩票的群-| www.630029.com-三d彩票玩法| www.735933.com-手机快三怎么玩稳赚| www.835387.com-炫彩坊纹绣产品批发| www.917688.com-时时彩最安全的玩法| www.983738.com-彩票中奖规律| www.365409.com-广东体彩网点扫码| www.971847.com-福利彩票手机app| www.911611.com-七星彩计划软件| 大赢家彩票平台www.186793.com| www.034008.com-博彩程序源码| www.128939.com-七乐彩41多少钱| www.990112.com-u9彩票有人投诉吗| www.dq96.com-快三省份-| www.603378.com-e乐彩注册-| www.737705.com-福彩三d彩报三版| www.837127.com-东方红9亿彩票| www.926260.com-福利彩票一定牛下载| 澳客彩票www.107ak.com| www.403.tv-恵民彩票-| www.424849.com-3d遗漏乐彩网| www.246890.com-基诺彩票开奖查询| www.327517.com-彩票图3d-| www.406466.com-山东结婚风俗彩礼| www.531666.com-彩票数字公式| www.29718.com-湖北福彩中奖| www.814228.com-河北省体彩中心官网| www.906234.com-吉林快三有漏洞么| www.967285.com-qq博彩群-| 大赢家彩票平台www.265990.com| www.nl14.com-竞彩足球唯彩看球| 豪彩VIPwww.808390.com| www.512791.com-王者彩票一首页| www.585170.com-高彩票-| www.663374.com-248彩票数字彩购| www.751868.com-壹号彩票-| www.836493.com-精彩彩票软件| www.905762.com-网络黑彩处罚| www.967476.com-易彩票趋势图| 双彩网www.639012.com| www.ho39.com-揭秘职业彩票高手| www.zf23.cc-体彩竞彩比赛结果| www.22jw.com-福彩3d五码复试| www.86pu.com-包头市福利彩票中心| www.5684.biz-今日说法彩票案视频| www.456071.com-彩票的兑换期限| www.562871.com-爱米彩票下载| www.630578.com-四季彩系列-| www.689889.com-668彩票账号登录| www.759623.com-安徽省福彩领奖地址| www.835666.cc-好彩一八的生肖| www.897740.com-彩票宣传语图片| www.963284.com-彩色水磨石地坪价格| 环球彩票www.265553.com| www.gd50.com-快三跨度和值表| www.61212.cc-安全可靠彩票网投| www.779749.com-七乐彩11中4十0| www.037083.com-彩票收米是什么| www.rc36.com-中福快彩app软件| www.02.cm-黑彩网真的能入侵吗| www.5421.vip-四川体彩投注站| www.07738.com-中彩那天的生字音节| www.46467.com-自己租个时时彩平台| www.073208.com-彩票买哪个好| www.45670.com-湖北快三推荐和值| www.033726.com-七乐彩开奖往期回顾| www.147918.com-网络彩票投注员兼职| www.270953.com-广东36选七好彩3| www.28656.cc-彩票股票都亏| www.757402.com-大鹏金服乐彩| www.828969.com-永信218彩票网址| www.889752.com-七乐彩票属于赌博吗| www.950275.com-3d合值走势图大彩| www.986722.com-一号彩票网官网下载| www.qp3.com-论坛山东体彩| www.126804.com-高频彩票开奖源| www.753628.com-2m彩票app-| www.812909.com-银川彩票兑奖点| www.874600.com-幸运分分彩平台| www.930693.com-8亿彩是不是真的| www.977489.com-加盟彩妆连锁店| 大赢家彩票www.799486.com| www.fi84.com-优德送38彩金| www.va09.com-福彩快三平台是什么| www.21sf.com-竞彩预测分析推荐| www.738947.com-重庆快三彩票计划| www.525152.com-圣地彩怎么下载| www.637214.com-彩虹6号哪个平台的| www.763195.com-大学生买彩票中奖| www.889810.com-彩票高频走试图| www.5741.org-福彩快三秒推算图| www.93222.cc-铜仁福彩中心地址| www.198035.com-甘肃快三遗漏二码| www.289963.com-内蒙时时彩开奖今天| www.420875.com-体彩店装修风格图片| www.523601.com-超级时时彩开奖走势| www.334416.com-开彩-| www.441195.com-体彩下期中奖号码| www.768022.com-彩名堂苹果版下载| www.851685.com-时时彩遗漏冷热软件| www.918823.com-亚洲慱彩app| www.973788.com-彩票代理赚流水| 500彩票www.330197.com| www.ek23.com-彩吧3d图库-| www.035565.com-彩票广告-| www.62657.cc-香港马会彩先知网| www.135534.com-福彩3d导航走势图| www.232639.com-手机新浪彩票| www.007723.com-燕赵快三-| www.118452.com-传统彩的骗局揭秘| www.29197.com-购彩网新-| www.556975.com-福彩28期-| www.609557.com-分分彩收益-| www.46460.cc-网上时时彩能提现吗| www.lu79.com-时时彩开奖查询| www.6233.in-四不象彩图网址| www.483906.com-上海彩票亭拆除| www.779251.com-香淃六香彩开奖结果| www.250342.com-彩中彩app下载| www.067049.com-哪个黑彩平台安全| www.179330.com-玩江苏快三倾家荡产| www.73046.com-搜索福彩藏机图| www.728.in-时时彩号码次数统计| www.006000.com-体育彩票能中吗| www.169231.com-大发快三怎么玩赚钱| www.299041.com-慧扑彩票-| www.425130.com-彩票中心电话号码|