Форум

mortido · #1 (**permalink**) 18.12.2016, 02:20

Всем привет. В общем, задача в том, чтобы проверить каждый элемент с классом "element" на наличие текста, если в одном из этих елементов нет текста, то нужно выдать алерт, но это уже не важно, интересует как именно первая часть будет выглядеть. Я пробовал делать через each, но, видимо что-то не так прописал, потому что код выдавал "успех" если был заполнен первый элемент, несмотря на то, что последующие были пустые.

рони · #2 (**permalink**) 18.12.2016, 02:28

mortido,
где код?

mortido · #3 (**permalink**) 18.12.2016, 02:32

$('.add_site_inp').each(function(index, element) {
		
				 if ($(element).val() == '') {
					 alert('Заполните все поля!'); 
				 return false;
					 }
});

рони · #4 (**permalink**) 18.12.2016, 02:54

mortido,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    $(".btn").on("click", function() {
        var reg = /^\s*$/,
            test = [].some.call(document.querySelectorAll(".add_site_inp"), function(el) {
                return reg.test(el.value)
            });
        if (test) alert("Заполните все поля!")
    })
});
  </script>
</head>

<body>
<input type="text" class="add_site_inp" value="1">
<input type="text" class="add_site_inp" value="2">
<input type="text" class="add_site_inp" value="3">
<input type="text" class="add_site_inp" value="4">
<input type="text" class="add_site_inp" value="">
<input type="text" class="add_site_inp" value="6">
<input type="text" class="add_site_inp" value="7">
<input name="" type="button" value="test" class="btn">
</body>
</html>

Vlasenko Fedor · #5 (**permalink**) 18.12.2016, 03:48

рони,

alert($('.add_site_inp[value=]').length);
alert(document.querySelectorAll('.add_site_inp[value=""]').length);

laimas · #6 (**permalink**) 18.12.2016, 07:50

Poznakomlus,
а если пробел?

Форум

Справочник

Discord чат

Курсы javascript