Не заходит в цикл

@БогданVB · Регистрация: 25.10.2013

Author24 — интернет-сервис помощи студентам

Не работает скрипт, проверка полей на заполнение.
Начал проверять алертом и даже не вошел в цикл

Подскажите , в чем проблемва

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html>
<head>
    <title>Проверка формы перед отправкой</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        form div input { border-style: solid; border-color: #999 }
    </style>
    <script type="text/javascript">
[JS]
        function checkForm()
        {
            
            var isEmpty = false;
            var els = document.forms.myForm.elements.lenght;
 
            for(var i=0;i<7;i++){
 
                if(els[i].type == "text"){
                    if(els[i].value ==""){
                        isEmpty = true;
                        els[i].style.color="red";
                    }
                    else{
                        els[i].style.color="";
                    }
 
                }
            }
            if (isEmpty) alert("Заполните все поля");
            return !isEmpty;
 
            
        }[/JS]
    </script>   
</head>
 
<body>
    <h1>Проверка формы перед отправкой</h1>
    <form id="myForm" action="" onsubmit="return checkForm()" >
        <fieldset>
            <legend>Форма</legend>
            <div>
                <label for="txt1">Поле 1</label>
                <input type="text" name="p1" id="txt1">
            </div>
            <div>
                <label for="txt2">Поле 2</label>
                <input type="text" name="p2" id="txt2">
            </div>
            <div>
                <label for="txt3">Поле 3</label>
                <input type="text" name="p3" id="txt3">
            </div>
            <div>
                <label for="txt4">Поле 4</label>
                <input type="text" name="p4" id="txt4">
            </div>
            <div>
                <label for="txt5">Поле 5</label>
                <input type="text" name="p5" id="txt5">
            </div>
            <input type="submit" value="Передать форму" >
        </fieldset>
    </form>
</body>
</html>

@kalabuni · 30.12.2013, 12:53

правильно lehgth, а не lenght

но это не самое главное
переменная els у вас - типа Number и принимает числовое значение, равное 7 - это длина коллекции элементов формы
переменные типа Number не могут иметь индексов, индексы может иметь сама коллекция элементов формы, но не её длина

в общем, лечение такое - строки #16-18 вашего кода замените на:

Javascript

1
2
3

var els = document.forms.myForm.elements; // без length
 
for(var i=0;i<els.length;i++){ // а вот тут как раз length вместо вашей семёрки

@БогданVB · 30.12.2013, 12:56 **[ТС]**

Огромное спасибо, про Number - не знал(

Тема закрыта.

@БогданVB 3 / 3 / 0 Регистрация: 25.10.2013 Сообщений: 41
	30.12.2013, 12:56 [ТС]	3
	Огромное спасибо, про Number - не знал( Тема закрыта. 0