Показать сообщение отдельно
  #1 (permalink)  
Старый 01.07.2016, 13:22
Аспирант
Отправить личное сообщение для Sokoljr Посмотреть профиль Найти все сообщения от Sokoljr
 
Регистрация: 27.06.2016
Сообщений: 68

как правильно сделать валидацию?
не работает корректно, а добавить проверку на другие формы, так вообще ничего не работает



<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>Watch</title>
    
</head>
<body>
	<form name="add">
		<p>Введите имя:</p>
		<input id="name" type="text">
		<p>Введите фамилию:</p>
		<input id="surname" type="text">
    	<p>Введите возраст:</p>
		<input id="age" type="text">
		<p>Введите свой email:</p>
		<input id="email" type="text">
		<p>Введите свой пол:</p>
		<input id="gender" type="text">
    	<input id="addForm" type="submit" value="Отправить">
	</form>	
	<p id="result"></p>
	
<script>
var form = document.forms.add;

form.onsubmit = function(e) {
    e.preventDefault();
    var result;
    
    function age() {
        var number;
        number = document.getElementById("age").value;
        if (isNaN(number) || number < 1 || number > 99) {
            result = "Неверный возраст";
        } else {
            result = " ";
        }
        document.getElementById('result').innerHTML = result;
    }
    age();
    this.submit();
}
</script>
</body>
</html>
Ответить с цитированием