Guest User

Untitled

a guest
Sep 6th, 2018
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.74 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Register</title>
  5. </head>
  6. <body>
  7. <form action="#" method="POST" id = "myform">
  8. <fieldset>
  9. <legend>Fill up the form</legend>
  10. <label>
  11. Full Name<input type = "text" name = "fullname" id="fullname">
  12. </label>
  13. <br><br>
  14. <label>
  15. Username:<input type = "text" name = "username" id="username">
  16. </label>
  17. <br><br>
  18. <label>
  19. Password:<input type = "password" name = "password" id="password">
  20. </label>
  21. <br><br>
  22. <label>
  23. Email:<input type = "email" name = "email" id = "email">
  24. </label>
  25. <br><br>
  26. <input type = "submit" value = "Submit">
  27. </fieldset>
  28. </form>
  29. <script>
  30. function formValidator(){
  31. var fullname = document.getElementById('fullname').value;
  32. var username = document.getElementById('username').value;
  33. var password = document.getElementById('password').value;
  34. var email = document.getElementById('email').value;
  35.  
  36. if(fullname==""){
  37. alert("Name can't be empty.");
  38. return false;
  39. }
  40. var fullnameREGEX = /^[A-Z][a-z]+\s[A-Z][a-z]+$/;
  41. if(!fullnameREGEX.test(fullname)){
  42. alert("Enter a valid name.");
  43. return false;
  44. }
  45. if(username==""){
  46. alert("Username can't be empty.");
  47. return false;
  48. }
  49. var usernameREGEX = /^[a-z][a-z0-9]+$/;
  50. if(!usernameREGEX.test(username)){
  51. alert("Enter a valid user name");
  52. return false;
  53. }
  54. if(password==""){
  55. alert("Password can't be empty.");
  56. return false;
  57. }
  58. if(email==""){
  59. alert("Email can't be empty");
  60. return false;
  61. }
  62. var emailREGEX = /^[a-z][a-z0-9]+\@[a-z0-9]+.[a-z]{2,4}$/;
  63. if(!emailREGEX.test(email)){
  64. alert("Enter a valid email.");
  65. }
  66. return true;
  67. }
  68. </script>
  69. </body>
  70. </html>
Add Comment
Please, Sign In to add comment