Advertisement
Guest User

Untitled

a guest
Jul 11th, 2017
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.38 KB | None | 0 0
  1. [Here is js Fiddle][1]
  2.  
  3.  
  4. [1]: https://jsfiddle.net/Ln1cmaps/
  5.  
  6. **HTML**
  7.  
  8. <div class="container">
  9. <div class="row main">
  10. <div class="main-login main-center">
  11. <h2>Admin Ragistration</h2>
  12. <form class="" method="post" action="" name="signup" onsubmit="return validate()">
  13.  
  14. <div class="form-group">
  15. <label for="name" class="cols-sm-2 control-label">Your Name</label>
  16. <div class="cols-sm-10">
  17. <div class="input-group">
  18. <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
  19. <input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name"/>
  20. </div>
  21. </div>
  22. </div>
  23.  
  24. <div class="form-group">
  25. <label for="email" class="cols-sm-2 control-label">Your Email</label>
  26. <div class="cols-sm-10">
  27. <div class="input-group">
  28. <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
  29. <input type="email" class="form-control" name="email" id="email" placeholder="Enter your Email"/>
  30. </div>
  31. </div>
  32. </div>
  33.  
  34. <div class="form-group">
  35. <label for="username" class="cols-sm-2 control-label">Username</label>
  36. <div class="cols-sm-10">
  37. <div class="input-group">
  38. <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
  39. <input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username"/>
  40. </div>
  41. </div>
  42. </div>
  43.  
  44. <div class="form-group">
  45. <label for="password" class="cols-sm-2 control-label">Password</label>
  46. <div class="cols-sm-10">
  47. <div class="input-group">
  48. <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
  49. <input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/>
  50. </div>
  51. </div>
  52. </div>
  53.  
  54. <div class="form-group">
  55. <label for="confirm" class="cols-sm-2 control-label">Confirm Password</label>
  56. <div class="cols-sm-10">
  57. <div class="input-group">
  58. <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
  59. <input type="password" class="form-control" name="confirmpassword" id="confirm" placeholder="Confirm your Password"/>
  60. </div>
  61. </div>
  62. </div>
  63.  
  64. <div class="form-group ">
  65. <input type="submit" name="submit" value="Register" class="btn btn-primary btn-lg btn-block login-button" />
  66. </div>
  67.  
  68. </form>
  69.  
  70. </div>
  71. </div>
  72. </div>
  73.  
  74.  
  75. **Javascript validation Code**
  76.  
  77. function validate() {
  78. var name = document.signup.name.value.length;
  79. var email = document.signup.email.value.length;
  80. var username = document.signup.username.value.length;
  81. var password = document.signup.password.value;
  82. var rpass = document.signup.confirmpassword.value;
  83. var re =(/^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{8,16}$/);
  84.  
  85. if(name=="") {
  86. alert("Please Enter Your Name");
  87. document.signup.name.focus();
  88. return false;
  89. }
  90.  
  91. if(name<3) {
  92. alert("Please Enter Your Correct Name");
  93. document.signup.name.focus();
  94. return false;
  95. }
  96.  
  97. if(email=="") {
  98. alert("Please Enter email");
  99. document.signup.email.focus();
  100. return false;
  101. }
  102.  
  103. if(email<3) {
  104. alert("Please Enter Your Correct email");
  105. document.signup.email.focus();
  106. return false;
  107. }
  108.  
  109. if(username=="") {
  110. alert("Please Enter Username");
  111. document.signup.username.focus();
  112. return false;
  113. }
  114.  
  115. if(username<5) {
  116. alert("Please Enter Username at least 5 digit");
  117. document.signup.username.focus();
  118. return false;
  119. }
  120.  
  121. if(password=="") {
  122. alert("Please Enter Your password");
  123. document.signup.password.focus();
  124. return false;
  125. }
  126.  
  127. if(!re.test(password)) {
  128. alert("Error: Password Must Contain Atleast One Number,One Special Character & One Upper Case");
  129. document.signup.password.focus();
  130. return false;
  131. }
  132.  
  133.  
  134.  
  135. if(rpass =="") {
  136. alert("Please Enter Your Password Again");
  137. document.signup.rpass.focus();
  138. return false;
  139. }
  140.  
  141. if(rpass != password) {
  142. alert("Password does'nt Matched");
  143. document.signup.rpass.focus();
  144. return false;
  145. }
  146.  
  147.  
  148. else {
  149. return true;
  150. }
  151. }
  152.  
  153. document.signup.rpass.focus();
  154.  
  155. document.signup.confirmpassword.focus();
  156.  
  157. else {
  158. return true;
  159. }
  160.  
  161. return true;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement