Advertisement
Guest User

Untitled

a guest
Oct 15th, 2018
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5. function validate() {
  6. // Get value of element
  7. var fullName = document.getElementById('fullName').value;
  8. var telPhone = document.getElementById('telPhone').value;
  9. var email = document.getElementById('email').value;
  10. var age = document.getElementById('age').value;
  11. // Check value
  12. var warning = ''; var flag = false;
  13. if (fullName == '') {
  14. warning += 'Full Name is empty. Please insert your full name.\n';
  15. flag = true;
  16. }
  17. if (telPhone == '' || /^\d{10}$/.test(telPhone) == false) {
  18. warning += 'Your number phone is not correctly/empty. Please insert your phone number.\n';
  19. flag = true;
  20. }
  21. if (email == '' || /^[^@]+@[^@]+\.[^@]+$/.test(email) == false) {
  22. warning += 'Your email is not correctly/empty. Please insert your email.\n';
  23. flag = true;
  24. }
  25. if (age == '' || /^\d{1}$/.test(age) == false) {
  26. warning += 'Your age is not correctly/empty. Please insert your age.\n';
  27. flag = true;
  28. }
  29. // Warning
  30. if (flag == true) {
  31. alert(warning);
  32. }
  33. else {
  34. var string = 'FORM\n';
  35. string += 'Full name: ' + fullName + '\n';
  36. string += 'Tel: ' + telPhone + '\n';
  37. string += 'Email: ' + email + '\n';
  38. string += 'Age: ' + age + '\n';
  39. alert(string);
  40. }
  41. }
  42.  
  43. function reset() {
  44. document.getElementById('fullName').value = '';
  45. document.getElementById('telPhone').value = '';
  46. document.getElementById('email').value = '';
  47. document.getElementById('age').value = '';
  48. }
  49. </script>
  50. </head>
  51. <body>
  52. <table>
  53. <tr>
  54. <b>REGISTER FORM</b>
  55. </tr>
  56. <tr>
  57. <td>Full Name</td>
  58. <td><input id="fullName" type="text" /></td>
  59. </tr>
  60. <tr>
  61. <td>Tel</td>
  62. <td><input id="telPhone" type="text" /></td>
  63. </tr>
  64. <tr>
  65. <td>Email</td>
  66. <td><input id="email" type="text" /></td>
  67. </tr>
  68. <tr>
  69. <td>Age</td>
  70. <td><input id="age" type="text" /></td>
  71. </tr>
  72. <tr>
  73. <td><input type="button" onclick="validate();" value="Submit" /></td>
  74. <td><input type="button" onclick="reset();" value="Reset" /></td>
  75. </tr>
  76. </table>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement