reg.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!DOCTYPE html>
  2. <html class="bg-black">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title><!--{$title}-->注册
  6. </title>
  7. <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  8. <!-- bootstrap 3.0.2 -->
  9. <link href="https://shadowsocks5.b0.upaiyun.com/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  10. <!-- font Awesome -->
  11. <link href="https://shadowsocks5.b0.upaiyun.com/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  12. <!-- Theme style -->
  13. <link href="https://shadowsocks5.b0.upaiyun.com/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  14. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  15. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  16. <!--[if lt IE 9]>
  17. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body class="bg-black">
  22. <div class="form-box" id="login-box">
  23. <div class="header">
  24. <!--{$title}-->
  25. 注册
  26. </div>
  27. <form name="reg" role="form" action="" method="post" onsubmit="return regcheck()">
  28. <div class="body bg-gray">
  29. <div class="form-group">
  30. <input type="text" name="username" class="form-control" value="" placeholder="用户名">
  31. </div>
  32. <div class="form-group">
  33. <input type="password" class="form-control" name="password" placeholder="密码">
  34. </div>
  35. <div class="form-group">
  36. <input type="password" class="form-control" name="repassword" placeholder="重复密码">
  37. </div>
  38. <div class="form-group">
  39. <input type="text" name="email" class="form-control" id="inputUsernameEmail" value="" placeholder="邮箱">
  40. </div>
  41. <!--{if($isinviteonly)}-->
  42. <div class="form-group">
  43. <input type="text" class="form-control" name="code" value="" placeholder="邀请码">
  44. </div>
  45. <!--{/if}-->
  46. </div>
  47. <div class="footer">
  48. <input type="hidden" name="do" value="reg">
  49. <button type="submit" class="btn bg-olive btn-block">注册</button>
  50. <a href="/user/login" class="text-center">已经注册?请登录</a>
  51. </div>
  52. </form>
  53. <div class="margin text-center">
  54. <button class="btn bg-light-blue btn-circle">
  55. <i class="fa fa-facebook"></i>
  56. </button>
  57. <button class="btn bg-aqua btn-circle">
  58. <i class="fa fa-twitter"></i>
  59. </button>
  60. <button class="btn bg-red btn-circle">
  61. <i class="fa fa-google-plus"></i>
  62. </button>
  63. </div>
  64. </div>
  65. <!-- jQuery 2.0.2 -->
  66. <script src="https://shadowsocks5.b0.upaiyun.com/js/jquery-2.0.3.min.js"></script>
  67. <!-- Bootstrap -->
  68. <script src="https://shadowsocks5.b0.upaiyun.com/js/bootstrap.min.js" type="text/javascript"></script>
  69. <script LANGUAGE="javascript">
  70. function regcheck() {
  71. if (document.reg.username.value.length == 0) {
  72. alert("请输入用户名");
  73. document.reg.username.focus();
  74. return false;
  75. }
  76. if (document.reg.password.value.length == 0) {
  77. alert("请输入密码!");
  78. document.reg.password.focus();
  79. return false;
  80. }
  81. if (document.reg.repassword.value.length == 0) {
  82. alert("请重复输入密码!");
  83. document.reg.repassword.focus();
  84. return false;
  85. }
  86. if (document.reg.repassword.value != document.reg.password.value) {
  87. alert("两次密码输入不符!");
  88. document.reg.repassword.focus();
  89. return false;
  90. }
  91. if (document.reg.email.value.length == 0) {
  92. alert("请输入邮箱!");
  93. document.reg.email.focus();
  94. return false;
  95. }
  96. //var temp = document.getElementById("text1");
  97. //var email = document.getElementById("email");
  98. //对电子邮件的验证
  99. //定义email正则表达式
  100. var email_reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  101. if (!email_reg.test(document.reg.email.value)) {
  102. alert('提示\n\n请输入有效的E-mail!');
  103. document.reg.email.focus();
  104. return false;
  105. }
  106. // 特殊字符检验
  107. var no_allow_txt = new RegExp(
  108. "[\\*,\\&,\\\\,\\/,\\?,\\|,\\:,\\<,\\>,\"]");
  109. if (no_allow_txt.test(document.reg.username.value)) {
  110. alert("用户名不允许含特殊字符");
  111. document.reg.username.focus();
  112. return false;
  113. }
  114. }
  115. </script>
  116. </body>
  117. </html>