Форум

Wahtel · #1 (**permalink**) 25.11.2014, 15:50

Всем привет, есть такой скрипт, на проверку заполненых полей

jQuery("form").submit(function(){
		
		jQuery("[type=text]").each(function(){
			
			if(jQuery(this).val() == "") {
				
				jQuery(this).css('background', 'red'); 
		    }

		})
	});

Оно подсвечивает пустые поля, но он это делает перед тем, как отправить форму, после соответсвенно они перезагружает страницу, и подсветка проподает, можете подсказать, как бы мне это переделать, что бы подсветка оставалавсь?
За ранее спасибо

рони · #2 (**permalink**) 25.11.2014, 15:59

Сообщение от Wahtel

что бы подсветка оставалавсь?

не отправлять данные

Wahtel · #3 (**permalink**) 25.11.2014, 16:09

Можно немного подробнее, мне надо сделать две проверки, первая, это если одно из полей не заполнено то подсветить его, а вторая проверка, это если оба поля не заполнено, то удалить их, мне сказали, что это надо делать при отправке формы.
Какие еще есть варианты, если можно, раздупли меня немного плс)

Wahtel · #4 (**permalink**) 25.11.2014, 16:13

okay, я понял, я изменил на такое условие

jQuery("form").ready(function()

это ты имел в виду?

рони · #5 (**permalink**) 25.11.2014, 16:35

Wahtel,
в предыдущей теме вы получили ответ зачем плодить темы

Wahtel · #6 (**permalink**) 25.11.2014, 16:50

Сообщение от рони

Wahtel,
в предыдущей теме вы получили ответ зачем плодить темы

В предыдущей теме я получил скрипт который не работал, я задал тебе вопрос, что бы понять в чем дело, ты мне не ответил, вот я и задаю вопрос другим.

рони · #7 (**permalink**) 25.11.2014, 16:59

Wahtel,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function() {
        $("form").submit(function() {
            var words = $(":text", this).filter(function() {
                return !$.trim(this.value)
            });
            if (words.length == 2) words.parent().remove();
            if (words.length == 1) words.css('background', 'rgb(255, 0, 0)');
            if (!words.length) return true;
            return false
        })

    });
  </script>
</head>

<body>
   <form action="http://">
   <div>
     <input name="" type="text">
     <input name="" type="text"></div>
     <input name="" type="submit" value="ok">
   </form>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript