API tools faq
paste
Guest User

STE

a guest
Feb 17th, 2017
42
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE>
  2.  
  3. <html >
  4.  
  5. <head>
  6.  
  7. <title>Registration Form</title>
  8.  
  9. <!-- Meta Tags -- >
  10.  
  11. <meta http-equiv="Content- Type" content="text/html; charset=utf-8" />
  12.  
  13. <!-- CSS -- >
  14.  
  15. <link rel="stylesheet" href="css/structure.css" type="text/css" />
  16.  
  17. <link rel="stylesheet" href="css/form.css" type="text/css" />
  18.  
  19. <!-- JavaScript -- >
  20.  
  21. <script type="text/javascript" src="9lessons.js"></script>
  22.  
  23. <script type="text/javascript">
  24.  
  25. var ck_name = /^[A-Za- z0-9 ]{3,20}$/;
  26.  
  27. var ck_email = /^([\w-]+(?:\.[\w- ]+)*)@((?:[\w-]+\.)*\w[\w- ]{0,66})\.([a-z]{2,6}(?:\.[a- z]{2})?)$/i
  28.  
  29. var ck_username = /^[A-Za- z0-9_]{1,20}$/;
  30.  
  31. AKSHAY SOMATYIF20163412
  32.  
  33. var ck_password = /^[A-Za- z0-9!@#$%^&*()_]{6,20}$/;
  34.  
  35. function validate(form){
  36.  
  37. var name = form.name.value;
  38.  
  39. var email = form.email.value;
  40.  
  41. var username = form.username.value;
  42.  
  43. var password = form.password.value;
  44.  
  45. var gender = form.gender.value;
  46.  
  47. var errors = [];
  48.  
  49.  
  50.  
  51. if (!ck_name.test(name)) {
  52.  
  53. errors[errors.length] = "You valid Name .";
  54.  
  55. }
  56.  
  57.  
  58.  
  59. if (!ck_email.test(email)) {
  60.  
  61. errors[errors.length] = "You must enter a valid email address.";
  62.  
  63. }
  64.  
  65. if (!ck_username.test(username)) {
  66.  
  67. errors[errors.length] = "You valid UserName no special char .";
  68.  
  69. }
  70.  
  71. if (!ck_password.test(password)) {
  72.  
  73. errors[errors.length] = "You must enter a valid Password min 6 char.";
  74.  
  75. }
  76.  
  77. if (gender==0) {
  78.  
  79. errors[errors.length] = "Select Gender";
  80.  
  81. }
  82.  
  83. if (errors.length > 0) {
  84.  
  85. reportErrors(errors);
  86.  
  87. return false;
  88.  
  89. }
  90.  
  91. return true;
  92.  
  93. }
  94.  
  95. function reportErrors(errors){
  96.  
  97. var msg = "Please Enter Valide Data...\n";
  98.  
  99. for (var i = 0; i<errors.length; i++) {
  100.  
  101. var numError = i + 1;
  102.  
  103. msg += "\n" + numError + ". " + errors[i];
  104.  
  105. }
  106.  
  107. alert(msg);
  108.  
  109. }
  110.  
  111. </script>
  112.  
  113. </head>
  114.  
  115. <body id="public">
  116.  
  117. <div style="height:30px"></div>
  118.  
  119. <div id="container">
  120.  
  121. <div style="height:30px"></div>
  122.  
  123. <form autocomplete="off" method="post" action="thanks.html" onSubmit="return validate(this)"
  124.  
  125. name="form">
  126.  
  127. <div class="info" style="padding-left:20px">
  128.  
  129. <h2>Registration Form</h2>
  130.  
  131. </div>
  132.  
  133. <ul>
  134.  
  135. <li id="foli1" class=" ">
  136.  
  137. <label class="desc" id="title1" for="Field1">
  138.  
  139. Full Name
  140.  
  141. </label>
  142.  
  143. <div>
  144.  
  145. <input id="name" name="name" type="text" class="field text medium" value=""
  146.  
  147. maxlength="255" tabindex="1"/>
  148.  
  149. </div>
  150.  
  151. </li>
  152.  
  153. AKSHAY SOMATYIF20163412
  154.  
  155. <li id="foli2" class=" ">
  156.  
  157. <label class="desc" id="title2" for="Field2">
  158.  
  159. Email
  160.  
  161. </label>
  162.  
  163. <div>
  164.  
  165. <input id="email" name="email" type="text" class="field text medium" value=""
  166.  
  167. maxlength="255" tabindex="2"/>
  168.  
  169. </div>
  170.  
  171. </li>
  172.  
  173. <li id="foli3" class=" ">
  174.  
  175. <label class="desc" id="title3" for="Field3">
  176.  
  177. User-ID
  178.  
  179. </label>
  180.  
  181. <div>
  182.  
  183. <input id="username" name="username" type="text" class="field text medium" value=""
  184.  
  185. maxlength="255" tabindex="3"/>
  186.  
  187. </div>
  188.  
  189. </li>
  190.  
  191. <li id="foli4" class=" ">
  192.  
  193. <label class="desc" id="title4" for="Field4">
  194.  
  195. Password
  196.  
  197. </label>
  198.  
  199. <div>
  200.  
  201. <input id="password" name="password" type="password" class="field text medium"
  202.  
  203. value="" maxlength="255" tabindex="4"/>
  204.  
  205. </div>
  206.  
  207. </li>
  208.  
  209. <li id="foli6" class=" ">
  210.  
  211. <label class="desc" id="title6" for="Field6">
  212.  
  213. Gender </label>
  214.  
  215. <div>
  216.  
  217. <select id="gender" name="gender" class="field select medium" tabindex="5">
  218.  
  219. <option value="0">Gender</option><option value="1">Male</option>
  220.  
  221. <option value="2">Female</option>
  222.  
  223. </select>
  224.  
  225. </div>
  226.  
  227. </li>
  228.  
  229. <li id="foli15" class=""></li>
  230.  
  231. <li class="buttons">
  232.  
  233. <input type="submit" value="Submit" style=" background:#0060a1; color:#FFFFFF; font-size:14px;
  234.  
  235. border:1px solid #0060a1"/>
  236.  
  237. </li>
  238.  
  239. </ul>
  240.  
  241. </form>
  242.  
  243. <div style="height:20px"></div>
  244.  
  245. </div><!-- container-- >
  246.  
  247. </body>
  248.  
  249. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!