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天

知道了
1分快三 www.453213.com-七星彩万字表格| www.307888.com-福彩十五选五开奖| www.387505.com-福彩多长时间兑奖| www.34ga.com-海南七星彩开什么| www.173526.com-下载江苏快三app| www.180037.com-彩票出号绝密公式| www.zp1.cc-河北快三遺漏| www.u39.club-赢彩网老师-| www.62qg.com-今晚足彩专家推荐号| www.ak21.com-7星彩走势图| www.716862.com-星空麋鹿彩铅画教程| www.163720.com-彩69app下载| www.283663.com-下载够力七星彩| www.754.com-博彩套利是什么| www.068783.com-快三的歌曲有哪些| www.223519.com-中国体彩官网| www.43xd.com-披红挂彩-| www.ul25.com-内蒙古体彩网官网| www.47xw.com-彩票投注计划| www.653.live-彩票平台ip-| www.4507.org-七星彩历史开奖检表| www.14001.com-彩客竞彩网-| www.299721.com-冠彩网下载-| www.128304.com-怎么卖海南七星彩| www.35222.cc-天津体彩官网| www.826823.com-9b彩票-| www.cp968.com-福建快三专家推荐号| www.309427.com-手机福利彩票正规吗| www.056543.cc-合肥体彩店转让价格| www.102080.com-购彩平台代理违法吗| www.96331.com-发福利彩票的意义| www.120069.com-希腊十分彩官网| www.206814.com-快三图标图片| www.685483.com-怎么能下载福利彩票| www.16aq.com-体彩今日开奖号多少| www.812883.com-七星彩网站网址大全| www.882401.com-166彩票站-| www.955193.com-凤凰彩票的规律| 天天彩票www.54968f.com| www.kw33.com-大发快三吧-| www.412466.com-香港天下彩天空| www.289747.com-大的私彩平台有哪些| www.44569.com-足彩任九最低奖金| www.031985.com-彩票店加盟-| www.157331.com-91竞彩之家改名| www.992468.com-江苏体彩竞彩足球| www.683002.com-快开彩票新政| www.805578.com-双彩论坛首页正版| www.677378.com-彩票真能预测吗| www.953846.com-牛牛彩票合法吗| www.bz.com-彩票开奖查询排列5| www.dn06.com-彩票大乐透社区| www.77845.com-有几个凤凰彩票| www.28on.com-福彩三弟开奖号码| www.2708.org-体彩7码最大遗漏| www.19249.com-网易福彩是什么| www.78392.com-乐优彩票官网下载| www.059169.com-香港赢彩网-| www.227765.com-手机众彩网-| www.378287.com-彩虹e台在线播放| www.531598.com-彩霸王心水资料区| www.611475.com-长春彩晶-| www.700317.com-美人鱼彩票下载| www.790111.cc-西宁福彩双色球字迷| www.819769.com-买彩票后怎么兑奖| www.937088.com-彩福大厦带学位吗| www.qv15.com-甘肃福利彩票快三| www.85fo.com-福利彩票追杀系统| www.002300.com-福彩3d复式玩法| www.974835.com-胜负彩即时比分直播| www.305897.com-彩6在哪个平台| www.504789.com-人生没有彩排句子| www.617704.com-长春彩票中奖新闻| www.715388.com-颖彩双色球独蓝预测| www.798571.com-体彩投注站查询| www.238963.com-五亿彩票网安全吗| www.333148.com-体育彩票基础知识| www.21228.cc-哪个彩票网站没停售| www.vu49.com-山东体彩快乐扑克三| www.35tb.com-点击彩官网-| www.1594.net-懂彩帝彩票-| www.60579.com-十一选五江苏爱彩乐| 爱彩乐www.346918.com| www.952453.com-玩网络彩票合法吗| www.39285.cc-全福彩app-| www.70no.com-彩六季票在哪里买| www.4106.pw-玩彩票输了200万| www.77194.com-老彩民平台-| www.54cv.com-彩票最容易中的方法| www.0934.org-狼行天下竞彩合买| www.5656.me-高频彩票实体店| www.65jn.com-华彩城-| www.632909.com-3d彩票怎么找火号| www.694338.com-3d体彩吧-| www.758355.com-彩票负盈利什么| www.814909.com-哪个彩票有秒秒彩| www.875347.com-亚投彩票平台| www.931028.com-稳赚彩票视频| www.976143.com-河南信阳结婚彩礼| 乐彩网www.796786.com| www.hh61.com-彩票三军大小怎么玩| www.xe45.com-3d走势图中彩网彩| www.8604.me-陈翔六点半中彩票| www.30344.com-手机高频彩骗局| www.351355.com-乐彩客足彩-| www.502818.com-如何拉人玩私彩| www.604422.com-彩票赌钱软件下载| www.681087.com-怎么戒除买彩票| www.767681.com-中大奖彩票网充值| www.831008.com-577彩票网可靠吗| www.915575.com-大乐透网购彩票| www.974084.com-新彩网3d字谜汇总| www.cp834.com-快三赚钱技巧集锦| www.336265.com-万达彩票-| www.464693.com-仁信彩票骗局揭秘| www.568073.com-买体彩输了十四万| www.657974.com-那些网上彩票不合法| www.rh48.com-七乐彩奖金分配明细| www.15nf.com-开彩票开奖公告| www.82we.com-好彩图库提供| www.2787.top-体福彩开奖-| www.146785.com-彩票七彩星开奖| www.090833.com-刚力彩芽黑执事| www.rf92.com-168彩票安卓下载| www.0518.top-中科公益彩票| www.82470.com-福彩30期开奖号码| www.085720.com-时时彩五星直选一注| www.262052.com-中彩网体彩走势图| www.428022.com-足彩缩水软件说明| www.574567.com-网上彩票诈骗案例| www.691150.com-足彩在哪找-| www.801355.com-奔驰彩票可靠吗| www.931560.com-体彩大乐透论坛| www.ku66.cc-uu直播快三-| www.90yt.com-重庆时时开彩下载| www.00vd.com-现在什么彩票最热门| www.4317.xyz-310版本彩客彩票| www.46uf.com-经营彩票站技巧| www.521926.com-腾讯国际时时彩| www.280558.com-乐乐彩票-| www.468676.com-福利彩票中奖上海| www.698017.com-生肖马彩开奖结果| www.222843.com-各种釉彩大瓶介绍| www.bx49.cc-中国福利彩票怎么查| www.493462.com-守信彩票骗局兼职| www.557737.com-中国福彩三d走势图| www.631009.com-彩运宝安全吗| www.700247.com-辽宁福彩开奖查询| www.414248.com-出彩是含义-| www.53864.com-彩票王500下载| www.023530.com-谜彩软件-| www.092407.com-福建体彩论坛网| www.189343.com-彩神88app下载| www.491406.com-009彩票网下载| www.378948.com-足彩竞彩赛果开奖| www.880962.com-黑客攻击黑彩| www.239998.com-河北快三走势图软件| 500万彩票www.852086.com| www.19712.com-极速时时彩是否有假| www.4002.cm-竞彩输钱了千万| www.8936.xyz-好彩票正规官方网站| 梦想彩票站www.43131q.com| www.cp541.com-彩神app大发快3| www.186146.com-王牌彩票骗局|