API tools faq
paste
Advertisement
Guest User

web1registerformwithjs

a guest
Jan 8th, 2019
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.08 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Registration Form using Table</title>
  6. <style>
  7.     .left {
  8.         width:45%;
  9.         text-align:right;
  10.         border: 0px;
  11.     }
  12.     .right {
  13.         width: 55%;
  14.         text-align: left;
  15.         border: 0px;
  16.     }
  17. </style>
  18. <script LANGUAGE="JavaScript">
  19. <!--
  20.  
  21. var b = 0 ;
  22. var i = 0 ;
  23. var errmsg = "" ;
  24. var punct = "" ;
  25. var min = 0 ;
  26. var max = 0 ;
  27.  
  28. function email(field) {
  29.  
  30.     if (b && (field.value.length == 0)) return true ;
  31.  
  32.  
  33.     if (! emailCheck(field.value))
  34.       {
  35.           field.focus();
  36.           if (field.type == "text") field.select();
  37.           return false ;
  38.       }
  39.  
  40.   return true ;
  41. }
  42.  
  43. function filledin(field) {
  44.  
  45. if (b && (field.value.length == 0)) return true;
  46.  
  47. if (field.value.length < min) {
  48. alert(errmsg);
  49. field.focus();
  50. if (field.type == "text") field.select();
  51. return false ;
  52.   }
  53.  
  54. if ((max > 0) && (field.value.length > max)) {
  55. alert(errmsg);
  56. field.focus();
  57. if (field.type == "text") field.select();
  58. return false ;
  59.   }
  60.  
  61. return true ;
  62. }
  63.  
  64. function number(field) {
  65.  
  66. if (b && (field.value.length == 0)) return true ; ;
  67.  
  68. if (i)
  69. var valid = "0123456789"
  70. else
  71. var valid = ".,0123456789"
  72.  
  73. var pass = 1;
  74. var temp;
  75. for (var i=0; i<field.value.length; i++) {
  76. temp = "" + field.value.substring(i, i+1);
  77. if (valid.indexOf(temp) == "-1") pass = 0;
  78.  
  79. }
  80.  
  81. if (!pass) {
  82. alert(errmsg);
  83. field.focus();
  84. if (field.type == "text") field.select();
  85. return false;
  86. }
  87.  
  88. if (field.value < min) {
  89. alert(errmsg);
  90. field.focus();
  91. if (field.type == "text") field.select();
  92. return false;
  93.   }
  94.  
  95.  
  96. if ((max > 0) && (field.value > max)) {
  97. alert(errmsg);
  98. field.focus();
  99. if (field.type == "text") field.select();
  100. return false;
  101.   }
  102.  
  103. return true ;
  104. }
  105.  
  106.  
  107. function numseq(field) {
  108.  
  109.  
  110. if (b && (field.value.length == 0)) return true ;
  111.  
  112. var valid = punct + "0123456789"
  113.  
  114. var pass = 1;
  115. var digits = 0
  116. var temp;
  117. for (var i=0; i<field.value.length; i++) {
  118. temp = "" + field.value.substring(i, i+1);
  119. if (valid.indexOf(temp) == "-1") pass = 0;
  120. if (valid.indexOf(temp) > (punct.length-1) ) digits++ ;
  121.  
  122. }
  123.  
  124. if (!pass) {
  125. alert(errmsg);
  126. field.focus();
  127. if (field.type == "text") field.select();
  128. return false ; ;
  129.   }
  130.  
  131. if (digits < min) {
  132. alert(errmsg);
  133. field.focus();
  134. if (field.type == "text") field.select();
  135. return false;
  136.   }
  137.  
  138. if ((max > 0) && (digits > max)) {
  139. alert(errmsg);
  140. field.focus();
  141. if (field.type == "text") field.select();
  142. return false;
  143.   }
  144.  
  145. return true ;
  146. }
  147.  
  148. function emailCheck (emailStr) {
  149.  
  150. var checkTLD=1;
  151. var knownDomsPat=/^(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum|ws)$/;
  152. var emailPat=/^(.+)@(.+)$/;
  153. var specialChars="\\(\\)><@,;:\\\\\\\"\\.\\[\\]";
  154. var validChars="\[^\\s" + specialChars + "\]";
  155. var quotedUser="(\"[^\"]*\")";
  156. var atom=validChars + '+';
  157. var word="(" + atom + "|" + quotedUser + ")";
  158. var userPat=new RegExp("^" + word + "(\\." + word + ")*$");
  159. var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$");
  160. var matchArray=emailStr.match(emailPat);
  161.  
  162. if (matchArray==null) {
  163. alert(errmsg);
  164. return false;
  165. }
  166. var user=matchArray[1];
  167. var domain=matchArray[2];
  168.  
  169. for (i=0; i<user.length; i++) {
  170. if (user.charCodeAt(i)>127) {
  171. alert(errmsg);
  172. return false;
  173.   }
  174. }
  175. for (i=0; i<domain.length; i++) {
  176. if (domain.charCodeAt(i)>127) {
  177. alert(errmsg);
  178. return false;
  179.   }
  180. }
  181.  
  182. if (user.match(userPat)==null) {
  183. alert(errmsg);
  184. return false;
  185. }
  186.  
  187. var atomPat=new RegExp("^" + atom + "$");
  188. var domArr=domain.split(".");
  189. var len=domArr.length;
  190. for (i=0;i<len;i++) {
  191. if (domArr[i].search(atomPat)==-1) {
  192. alert(errmsg);
  193. return false;
  194.   }
  195. }
  196.  
  197. if (checkTLD && domArr[domArr.length-1].length!=2 &&
  198. domArr[domArr.length-1].search(knownDomsPat)==-1) {
  199. alert(errmsg);
  200. return false;
  201. }
  202.  
  203. if (len<2) {
  204. alert(errmsg);
  205. return false;
  206. }
  207.  
  208. return true;
  209. }
  210.  
  211. function sub()
  212. {
  213. /*
  214. //FBDATA:name^0^1^0^0^Field "name" must be filled in.:;password^0^1^0^0^Field "password" must be filled in.:;retypepassword^0^1^0^0^Field "retypepassword" must be filled in.:;answer^0^1^0^0^Field "answer" must be filled in.:;surname^0^1^0^0^Field "surname" must be filled in.:;username^0^1^0^0^Field "username" must be filled in.:;birthday^0^1^0^0^Field "birthday" must be filled in.:;:;
  215. */
  216. b=0;
  217. errmsg="Please enter your name.";
  218. min=1;
  219. max=0;
  220. if (! filledin(document.form1.name) ) return false ;
  221. b=0;
  222. errmsg="Please enter your password (Minimum 5 characters.)";
  223. min=5;
  224. max=18;
  225. if (! filledin(document.form1.password) ) return false ;
  226. b=0;
  227. errmsg="Please re-enter your password (Minimum 5 characters.)";
  228. min=5;
  229. max=18;
  230. if (! filledin(document.form1.retypepassword) ) return false ;
  231. b=0;
  232. errmsg="Please answer the question.";
  233. min=1;
  234. max=0;
  235. if (! filledin(document.form1.answer) ) return false ;
  236. b=0;
  237. errmsg="Please enter your surname.";
  238. min=1;
  239. max=0;
  240. if (! filledin(document.form1.surname) ) return false ;
  241. b=0;
  242. errmsg="Please enter your username.";
  243. min=1;
  244. max=0;
  245. if (! filledin(document.form1.username) ) return false ;
  246. b=0;
  247. errmsg="Please choose your birthday.";
  248. min=1;
  249. max=0;
  250. if (! filledin(document.form1.birthday) ) return false ;
  251.  
  252. }
  253.  
  254. function ValidateForm(){
  255. ErrorText= "";
  256. if ( ( document.ElementsByName("gender")[0].checked == false ) )
  257. alert ( "Please choose your Gender: Male or Female" );
  258. return false;
  259. }
  260. }
  261. -->
  262. </script>
  263. </head>
  264.  
  265. <body>
  266. <form method="post" action="#"  onsubmit=" return sub()"  name="form1" >
  267. <table border=1 width="40%" align="center">
  268.         <tr>
  269.             <th colspan="2" bgcolor="#48EBFF" align="center"> ĐĂNG KÝ NGƯỜI DÙNG </th>
  270.         </tr>
  271.         <tr>
  272.             <td class="left"> Tên đăng nhập: </td>
  273.             <td class="right"> <input type="text" name="username" size="40px" placeholder="Username"> *</td>
  274.         </tr>
  275.         <tr>
  276.             <td class="left" valign="top"> Mật khẩu: </td>
  277.             <td class="right"> <input type="password" name="password" size="30px" min="5" placeholder="Password"> *
  278.                 <p>(Tối thiểu 5 ký tự)</p>
  279.             </td>
  280.         </tr>
  281.         <tr>
  282.             <td class="left"> Gõ lại mật khẩu: </td>
  283.             <td class="right"> <input type="password" name="retypepassword" placeholder="Re-type Password" size="30px"> *</td>
  284.         </tr>
  285.         <tr>
  286.             <td class="right" colspan="2"> <hr size=1px color="#000000"> <p> Nhập thông tin để lấy lại mật khẩu: </p> </td>
  287.         </tr>
  288.         <tr>
  289.             <td class="left"> Câu hỏi bí mật: </td>
  290.             <td class="right">
  291.                 <select name="recoverQuestion">
  292.                     <option value="0" hidden="true"> [Default] </option>
  293.                     <option value="1"> A? </option>
  294.                     <option value="2"> B? </option>
  295.                     <option value="3"> C? </option>
  296.                 </select>
  297.                 *
  298.             </td>
  299.         </tr>
  300.         <tr>
  301.             <td class="left"> Trả lời câu hỏi: </td>
  302.             <td class="right"> <input type="text" name="answer" size="50px"> </td>
  303.         </tr>
  304.         <tr>
  305.             <td class="right" colspan="2"> <hr size=1px color="#000000"> <p> Thông tin cá nhân: </p> </td>
  306.         </tr>
  307.         <tr>
  308.             <td class="left"> Họ và tên đệm: </td>
  309.             <td class="right"> <input type="text" name="surname" size="40px" placeholder="Surname"> </td>
  310.         </tr>
  311.         <tr>
  312.             <td class="left"> Tên: </td>
  313.             <td class="right"> <input type="text" name="name" size="40px" placeholder="Name"> </td>
  314.         </tr>
  315.         <tr>
  316.             <td class="left"> Ngày sinh: </td>
  317.             <td class="right"> <input type="date" name="birthday"> </td>
  318.         </tr>
  319.         <tr>
  320.             <td class="left"> Giới tính: </td>
  321.             <td class="right">
  322.                 <input type="radio" name="gender" value="male"> Nam
  323.                 <input type="radio" name="gender" value="female"> Nữ
  324.             </td>
  325.         </tr>
  326.         <tr>
  327.             <td class="left"> Nghề nghiệp: </td>
  328.             <td class="right">
  329.                 <select name="job">
  330.                     <option value="0" hidden="true"> [Default] </option>
  331.                     <option value="1"> Job A </option>
  332.                     <option value="2"> Job B </option>
  333.                     <option value="3"> Job C </option>
  334.                 </select>
  335.             </td>
  336.         </tr>
  337.         <tr>
  338.             <td class="right" colspan="2"> <hr size=1px color="#000000"> <p> Sở thích (tùy chọn): </p> </td>
  339.         </tr>
  340.         <tr>
  341.             <td class="left">
  342.                 <input type = "checkbox"  name = "hobby"> Âm nhạc<br>
  343.                 <input type = "checkbox"  name = "hobby"> Nghiên cứu
  344.             </td>
  345.             <td class="right">
  346.                 <input type = "checkbox"  name = "hobby"> Du lịch <br>
  347.                 <input type = "checkbox"  name = "hobby"> Kinh doanh
  348.             </td>
  349.         </tr>
  350.         <tr>
  351.             <td class="right" colspan="2">
  352.                 <hr size=1px color="#000000">
  353.             </td>
  354.         </tr>    
  355.         <tr>
  356.             <td class="left"> <input type="submit" value="Đăng ký" name="register" accesskey="k"> </td>
  357.             <td class="right"> <input type="reset" value="Xóa" name="clear" accesskey="x"> </td>
  358.         </tr>
  359.     </table>
  360. </body>
  361. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!