Advertisement
Guest User

Untitled

a guest
Oct 19th, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.03 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4. <meta charset="UTF-8">
  5.  
  6. </head>
  7.  
  8.  
  9.  
  10. <body>
  11. <form>
  12. Имя:<br/>
  13. <input type="text" id="name" />
  14. <span id="name_error"></span>
  15. <br/><br/>
  16.  
  17. Возраст:<br/>
  18. <input type="text" id="age" />
  19. <span id="age_error"></span>
  20. <br/><br/>
  21.  
  22.  
  23. Телефон:<br/>
  24. <input type="text" id="phone" />
  25. <span id="phone_error"></span>
  26. <br/><br/>
  27.  
  28.  
  29.  
  30. E-mail:<br/>
  31. <input type="text" id="email" />
  32. <span id="email_error"></span>
  33. <br/><br/>
  34.  
  35. Сайт:<br/>
  36. <input type="text" id="site" />
  37. <span id="site_error"></span>
  38. <br/><br/>
  39.  
  40. <input type="button" id="submit" value="Отправить" />
  41.  
  42. </form>
  43.  
  44. </body>
  45.  
  46. <script type="text/javascript">
  47. document.getElementById("name").addEventListener("input", validateName);
  48. document.getElementById("age").addEventListener("input", validateAge);
  49. document.getElementById("submit").addEventListener("click", trySubmit);
  50.  
  51. function validateName()
  52. {
  53. v=document.getElementById("name").value;
  54. if (v.length<3 || v.length>20) {document.getElementById("name_error").innerHTML="Имя должно быть от 3 до 20 символов"; return false; }
  55. else {document.getElementById("name_error").innerHTML=''; return true; }
  56.  
  57.  
  58. }
  59.  
  60. function validateAge()
  61. {
  62. v=parseInt(document.getElementById("age").value);
  63.  
  64. if(isNaN(v) || v<14 || v>90) {document.getElementById("age_error").innerHTML="Возраст должен быть от 14 до 90"; return false; }
  65. else {document.getElementById("age_error").innerHTML='';
  66. return true;
  67. }
  68. }
  69.  
  70. function trySubmit()
  71. {
  72. if(validateName() && validateAge()) alert('Заполнено без ошибок. Форму можно отправлять');
  73. else alert('Нужно заполнить форму без ошибок');
  74. }
  75. </script>
  76.  
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement