Как проверить заполнены ли поля формы и показать статус полей?

Question

Игорь Че @chewarer

JavaScript

Как проверить заполнены ли поля формы и показать статус полей?

Есть форма с 30 полями.
Пытаюсь сделать проверку на заполненность этих полей. С отображением статуса "Заполните поля калькулятора", если не все поля заполнены, и "Нажмите "Рассчитать"", когда все поля заполнены. Статус должен показываться до клика на Submit.
Пытаюсь сделать так:

$('#myform').bind('mouseover change', function() {
	$('#myform input').each(function(){
	    	if ($(this).val() == '') {
	    		$('#result').html('Некорректные значения'); 
	    	}
	    	else {
	    		$('#result').html('Все поля заполнены'); 
	    	}
	});
});

Но при этом проверяется только последнее поле в форме. Как сделать чтобы все поля проверялись?

Вопрос задан более трёх лет назад
4826 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2016-08-15 18:18:43

а если вот так :

var all_form_inputs =  document.forms["имя вашей формы"].getElementsByTagName("input");

на JQuery

var $inputs = $('#myForm :input');
    $inputs.each(function() {
    //  вот значение каждого поля $(this).val();
    });

Как проверить заполнены ли поля формы и показать статус полей?

Войдите на сайт