兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

完整注册表单验证及邮箱补齐js特效代码

[复制链接]
tuyuanma 发表于 2017-1-20 18:45:21 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


<!DOCTYPE html>1 N! N! x1 X8 c
<html lang="zh-CN">( m3 M) Q# ~5 P9 E+ j. X
<head>
5 `* i5 t: o' k- X; S  <meta charset="utf-8">
; F" a* m( f- S# a8 Q* ]% u  <meta http-equiv="X-UA-Compatible" content="IE=edge">. k5 h& Z8 ^5 x8 |9 ]9 ^1 R
  <meta name="viewport" content="width=device-width, initial-scale=1">
: L, m7 v$ f/ [3 D" p  <title>完整注册表单验证及邮箱补齐js特效代码</title>1 ?# ]0 g9 v: j- m; k- D5 Z
  <meta name="keywords" content="完整,注册表单,表单验证,邮箱补齐,js特效,特效代码" />" b. g, J$ J. J
  <meta name="description" content="完整注册表单验证及邮箱补齐js特效代码,非常实用,可以直接应用到网站注册项目。" />
6 K( Z5 K' q7 i3 l; |- R  U  <link href="css/bootstrap.min.css" rel="stylesheet">6 ^& w+ G% s7 [7 r& V; }& g
  <link href="css/normalize.css" rel="stylesheet">
. e" P/ q, _, W3 W  <link href="css/public.css" rel="stylesheet">
8 J5 P- r" r8 g  s6 |  <link href="css/validator.css" rel="stylesheet">
- s6 l7 M/ R- c1 Z' t  <link href="css/completer.css" rel="stylesheet">
/ c. m- `6 k7 ?" }" Z7 q% _0 L  <link href="jedate/skin/jedate.css" rel="stylesheet">( p" a4 v% ~4 h$ s, M
  <link href="css/date.css" type="text/css" rel="stylesheet">, C9 H3 N7 Y1 T3 N
  <link href="css/magic-check.css" rel="stylesheet" >
7 |3 @7 S% e9 A( y  <link href="css/jquery-ui.css" rel="stylesheet"> " Z( L. t& q* F7 V
  <link href="css/index.css" rel="stylesheet">
0 e6 z+ S! j0 O/ i7 v: {* Z3 Z  <script src="js/jquery.min.js"></script>) I0 @2 y, i7 D5 d
  <script src="js/bootstrap.min.js"></script>
. z  U8 R7 z. S9 u! `7 V  <script type="text/javascript" src="js/public.js"></script>. z! k9 c! l  n) k1 c
  <script type="text/javascript" src="jedate/jedate.js"></script>& q" G; u8 `' [6 x
  <script type="text/javascript" src="js/date.js"></script>" Q1 O: }; V. K5 G' {
  <script type="text/javascript" src="js/jquery-validate.js"></script>7 J! N  @7 U6 G5 @6 R3 g
  <script type="text/javascript" src="js/validator.js"></script>1 K/ H* S) y. g; Z
  <script type="text/javascript" src="js/jquery-ui.min.js"></script>
4 H1 m3 y0 S& C$ F$ Q; m1 Q  <script type="text/javascript" src="js/index.js"></script>3 l2 N; |* i  v- x( ], I4 a
4 j& O1 k: V; T7 k5 s& f* t" y
  <!--[if lt IE 9]>
$ Q# Q2 d: Y' R* Q8 \% B: l    <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>2 b/ b& q  r% \" R0 \# k+ U
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> 9 |/ g) e+ d7 ~! t
  <![endif]-->
- Y7 [" N# E9 V7 `8 m) {9 D: b. m: L1 J/ Y</head>5 G! f7 s( R$ J: P5 ?& U' y
<body>
0 v: j0 N7 M# W# M$ t+ U- M<header>$ b- J( z; ~% \3 p, a8 b& t4 J' O* h
</header>1 m" {* D: ~9 ^1 x" G# v
<div class="container">' C8 Z* m$ j( d7 ~3 H
  <div class="form-box row">
" a! O. n) f0 z1 W3 n0 `% c0 {    <form action="" class="form-horizontal" role="form" id="register-form">, n% ]$ T6 Y0 S; c5 e& A* R
      <div class="form-group">
4 T2 ~* H' B5 J( I9 d6 [( Y) v        <label for="username" class="col-sm-2  control-label">帐       号 :</label>
2 S/ E3 c6 u$ }/ m        <div class="col-sm-10  input-parent">
( }: {8 R, D: f; J7 F          <input type="text" class="form-control vinput" id="username" name="username" placeholder="请输入帐户" >
- j: J9 i3 l! a/ o1 x( P5 r          <span></span>2 Y5 ?; H7 K" M! M
        </div>
: _$ W6 l/ Y2 @6 m      </div>" ]8 d7 w+ W8 p% z
      <div class="form-group">9 Q- T; \2 m) r
        <label for="phone" class="col-sm-2  control-label">手       机 :</label>
0 S5 \, X( c0 m        <div class="col-sm-10  input-parent">$ E+ O7 L0 i, g9 \  ~
          <input type="text" class="form-control vinput" id="phone" name="telephone" placeholder="请输入手机号">   
! Z3 y% |* U! h6 s1 i: M          <span></span>. x9 U$ D; P- z9 m1 X& }* U
        </div>+ X: E- D; N. S( P+ c% V7 O% @; ]  w
      </div>6 G8 N1 l( l$ s. `& \  Z& C
      <div class="form-group ">
% ]( @  ?6 w; G& |" s, T9 G        <label for="email" class="col-sm-2  control-label">邮       箱 :</label>
# P6 m# O; U# `* j4 A& P3 G        <div class="col-sm-10 input-parent">
) }- b" }* \) |7 c1 ^1 V          <input type="text" class="form-control vinput" id="email" name="email" placeholder="请输入邮箱"/>      ! R9 y& l& f# E6 j' W  ~3 P7 l- A- K
          <span></span>
4 s4 n' k2 V! O0 v3 Q- Q8 @        </div>+ _8 V5 ^9 U, n& m8 W0 k
      </div>/ t3 V# T1 m. B/ P5 d5 U& P
      <div class="form-group">
0 Y3 p: P! e& Q" s' S* ]% j" b7 F" r        <label for="birthday" class="col-sm-2  control-label">生       日 :</label>9 O- T8 T0 U$ [; l; k3 y1 K- P
        <div class="col-sm-10  input-parent">
4 e$ P/ \: G# Z- _' T$ S9 c, a1 P) C          <input type="text" class="form-control vinput" id="birthday" name="birthday" placeholder="请选择生日" readonly>
4 ?) b: {0 r/ j7 }: M+ C5 X          <span></span>
0 n( Q7 S8 A& Q0 Q0 {        </div>
  e: F! G5 l4 S* s! K      </div>
/ ]( V4 Y$ e1 N6 k  R: Y; \      <div class="form-group ">9 ^6 V( W1 }$ L& U6 K8 `0 G
        <label for="password" class="col-sm-2  control-label">密       码 :</label>
3 m; f7 P6 Y* B  s9 T$ m3 D        <div class="col-sm-10  input-parent">
% A/ _& P5 L) V( j( d/ f          <input type="password" class="form-control vinput" id="password" name="password" placeholder="请输入密码"/>& u; C. F, f0 D$ p* e4 Z6 O1 f, c
          <i class="glyphicon glyphicon-eye-close form-control-feedback" id="toogle-password"></i>1 J  Q( R& o% G; T+ E
          <span></span>
. [6 y& a. {& ~& }: v# h$ ^" B        </div>' V7 k# v3 b+ T
      </div>
, }& {/ o: S- c; z      <div class="form-group">
9 c$ `( Z" F* K        <label for="notpass" class="col-sm-2  control-label">确认密码 :</label>$ q! N" F: P  g/ R
        <div class="col-sm-10  input-parent">0 l# C5 X5 J+ y& R' g+ b+ a7 |
          <input type="text" class="form-control vinput" id="notpass" name="notpass" placeholder="请再次输入密码"/>
! m* i9 [$ n4 C6 i/ `( n          <i class="glyphicon glyphicon-eye-close form-control-feedback" id="toggle-notpass"></i>
. R0 ~: h( z! Z( x; I4 y          <span></span>$ T' |# h! x9 e% K% z0 _
        </div>6 _- S0 A5 y$ l+ y" h7 _
      </div>& _/ l' b% Q: B
      <br>% t9 V, h# T* R' a
      <div class="form-group">0 l) F7 r2 ^* w9 P4 l
        <div class="col-sm-12"># h$ E6 u) m2 m; p2 t5 W
          <input type="checkbox" class="magic-checkbox" id="accept" name="accept" />
$ z  D0 C* l1 h          <label for="accept" class="accept"><span>我已阅读并接受</span> <a href="javascript:;">《版权声明》</a> <span>和</span> <a href="javascript:;">《隐私保护》</a></label>
3 }" y5 ~& ?9 Q6 M3 i* s$ _, Q        </div>4 }% d$ F: M& B8 q
      </div>6 o3 K. u( b1 d; s) K) A' C6 _( j
      <div class="form-group">
7 ~$ ~9 {% ^4 m. N5 A; Q        <div class="col-sm-12">& A; w+ h' C/ j9 ^- o2 [& c' G2 E% t
          <input type="submit" class="btn btn-primary form-control" id="submit" value="注册"/>
. C' N6 |/ R# B+ E        </div>
2 A/ N! ~+ J. p3 F- g/ p$ ]9 b0 J& o      </div>( K6 a( C" q4 k: A$ K/ L
    </form>' r5 Z8 c* _$ s; h
  </div>. Y  c& P. y& S4 z. s4 t
</div>- p1 ^/ L6 d$ Y# z' D9 g) \& A
# B; p; r+ Q" H4 d7 q1 k. U
<footer>
8 v7 Z; N1 [  f8 W& W- ^) Y</footer>3 v% k% U5 v/ v4 B  E
</body>) j4 M3 K( W" w' c. S& @
</html>

2 V0 Z5 ]( H9 ?1 t& T7 X6 G4 r( N5 }1 e% C

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-6-19 17:24
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表