Advertisement
braveheart1989

formValidation

Oct 21st, 2016
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.07 KB | None | 0 0
  1. function solve() {
  2. //Write your code here
  3. let userName = $('#username');
  4. let email = $('#email');
  5. let password = $('#password');
  6. let confPass = $('#confirm-password');
  7. let companyCheckbox = $('#company');
  8. let userNamePattern = /^[A-Za-z0-9]{3,20}$/;
  9. let passwordPattern = /^[A-Za-z0-9_]{5,15}$/;
  10. let companyNumberPattern = /^[1-9][0-9]{3}$/;
  11. let emailPattern = /^[a-zA-Z0-9]+\@[a-z]+\.[a-z]+$/;
  12.  
  13. let submit = $('#submit');
  14.  
  15. companyCheckbox.on('click', function (event) {
  16. if ((companyCheckbox).is(":checked")) {
  17. $('#companyInfo').css('display', 'block');
  18. }
  19. else {
  20. $('#companyInfo').css('display', 'none');
  21. }
  22. });
  23.  
  24. submit.on('click', function (event) {
  25. event.preventDefault();
  26.  
  27. let validName = isValidUsername(userName, userNamePattern);
  28. let validPass = isValidPassword(password, confPass, passwordPattern);
  29. let validEmail = isValidEmail(email,emailPattern);
  30.  
  31. if (companyCheckbox.is(":checked")) {
  32. let validCompanyNum=isValidCompanyNum(companyNumberPattern);
  33. if(validCompanyNum && validEmail && validName && validPass) {
  34. let valid = $('#valid');
  35. valid.css('display', 'block')
  36. }
  37. return;
  38. }
  39.  
  40. if (validEmail && validName && validPass) {
  41. let valid = $('#valid');
  42. valid.css('display', 'block')
  43. }
  44. })
  45. }
  46.  
  47. function isValidEmail(email, emailPattern) {
  48. let isValidEmail = true;
  49. if (!email.val().match(emailPattern)) {
  50. email.css('border', '2px solid red');
  51. isValidEmail = false;
  52. return isValidEmail;
  53. }
  54. return isValidEmail;
  55.  
  56. }
  57.  
  58. function isValidCompanyNum(companyNumberPattern) {
  59. let isValid=true;
  60. let companyNumber = $('#companyNumber');
  61. if (!companyNumber.val().match(companyNumberPattern)) {
  62. companyNumber.css('border','2px solid red');
  63. isValid=false;
  64. }
  65. return isValid;
  66. }
  67.  
  68. function isValidUsername(userName, userNamePattern) {
  69. let isValidUser=true;
  70. if (!userName.val().match(userNamePattern)) {
  71. userName.css('border','2px solid red');
  72. isValidUser = false;
  73. }
  74. return isValidUser;
  75. }
  76.  
  77. function isValidPassword(password, confPass, passwordPattern) {
  78. let isValidPassword=true;
  79. let passwordVal = password.val();
  80. let confirmPassVal = confPass.val();
  81.  
  82. if (passwordVal !== confirmPassVal
  83. || !passwordVal.match(passwordPattern)
  84. || !confirmPassVal.match(passwordPattern)) {
  85. password.css('border', '2px solid red');
  86. confPass.css('border', '2px solid red');
  87. isValidPassword = false;
  88. }
  89. return isValidPassword;
  90.  
  91. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement