Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <form>
- Имя:<br/>
- <input type="text" id="name" />
- <span id="name_error"></span>
- <br/><br/>
- Возраст:<br/>
- <input type="text" id="age" />
- <span id="age_error"></span>
- <br/><br/>
- Телефон:<br/>
- <input type="text" id="phone" />
- <span id="phone_error"></span>
- <br/><br/>
- E-mail:<br/>
- <input type="text" id="email" />
- <span id="email_error"></span>
- <br/><br/>
- Сайт:<br/>
- <input type="text" id="site" />
- <span id="site_error"></span>
- <br/><br/>
- <input type="button" id="submit" value="Отправить" />
- </form>
- </body>
- <script type="text/javascript">
- document.getElementById("name").addEventListener("input", validateName);
- document.getElementById("age").addEventListener("input", validateAge);
- document.getElementById("submit").addEventListener("click", trySubmit);
- function validateName()
- {
- v=document.getElementById("name").value;
- if (v.length<3 || v.length>20) {document.getElementById("name_error").innerHTML="Имя должно быть от 3 до 20 символов"; return false; }
- else {document.getElementById("name_error").innerHTML=''; return true; }
- }
- function validateAge()
- {
- v=parseInt(document.getElementById("age").value);
- if(isNaN(v) || v<14 || v>90) {document.getElementById("age_error").innerHTML="Возраст должен быть от 14 до 90"; return false; }
- else {document.getElementById("age_error").innerHTML='';
- return true;
- }
- }
- function trySubmit()
- {
- if(validateName() && validateAge()) alert('Заполнено без ошибок. Форму можно отправлять');
- else alert('Нужно заполнить форму без ошибок');
- }
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement