Форум

danik.js · #11 (**permalink**) 19.03.2014, 10:48

Работает только в новых браузерах. Выглядит в каждом браузере по-своему.

<!DOCTYPE HTML>
 
<html>
 
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>
 
<body>
<form action="index.php" method="post">
<div id="contact-form">
        <div>
            <label for="fio" class="label">Ваше имя</label>
            <input type="text" value="" name="fio" id="fio" class="w-460" required="required" title="Введите имя" />
        </div>
        <div>
            <label for="phone" class="label">Телефон</label>
            <input type="text" value="" name="phone" id="phone" class="w-460" />
        </div>
 
            <input id="submit-form" type="submit" value="Оформить заказ" />
</div>
</form>
 
</body>
 
</html>

sanika · #12 (**permalink**) 09.10.2014, 22:22

Подскажите где ошибка

<input name="tel_1_1"  oninput="checkField()" type="text" id="tel_1_1" value="1" style="width:300px;background:#FFEEEE" />
<input name="tel_1_2"  oninput="checkField()" type="text" id="tel_1_2" value="2" style="width:300px;background:#FFEEEE" />
<input name="tel_1_3"  type="text" id="tel_1_3" value="3" style="width:300px;background:#FFEEEE" />
<script language="javascript">
function checkField () {

if (this.value =="") {
 this.style = "background:#FFEEEE";
} else {
 this.style = "background:#FFFFFF";
}
}</script>

Задача - менять фон в определенных полях, в зависимости от заполнения или наоборот очищении. т.е. пустое поле будет розовое, а полное с белым фоном

рони · #13 (**permalink**) 09.10.2014, 22:30

sanika, читайте документацию
http://learn.javascript.ru/styles-an...#style-csstext

Цитата:

Свойство style является специальным объектом, ему нельзя присваивать строку.

sanika · #14 (**permalink**) 09.10.2014, 22:52

<input name="tel_1_1"  oninput="checkField()" type="text" id="tel_1_1" value="1" style="width:300px;background:#FFEEEE" />
<input name="tel_1_1"  oninput="checkField()" type="text" id="tel_1_2" value="2" style="width:300px;background:#FFEEEE" />
<input name="tel_1_1"  oninput="checkField()" type="text" id="tel_1_3" value="3" style="width:300px;background:#FFEEEE" />
<script language="javascript">
function checkField () {

if (this.value =="") {
 this.style.background = 'red';
} else {
 this.style.background = 'white';
}
}</script>

все-равно не работает мне кажется проблем в обращении this.value, но как правильно сделать?

kostyanet · #15 (**permalink**) 09.10.2014, 22:52

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

т.е. пустое поле будет розовое,

Подпишите внизу: разработано в секретных лабораториях Космополитена.

Цитата:

if (this.value =="") {

Не будет работать, this будет window. this надо биндить до того как, в инлайне

oninput=checkField(this)

писать без кавычек, ибо с кавычками - димедрол.

А в функции сделать приемник для this, который и будет референсом на элемент

function checkField(elem) { // this became elem

  if(elem.length < 3)
    alert('Минимум три символа!!!');

}

kostyanet · #16 (**permalink**) 09.10.2014, 22:57

Или без кавычек димедрол?

Короче проверьте какой димедрол - то не делайте.

sanika · #17 (**permalink**) 09.10.2014, 22:58

спасибо, все получилось

danik.js · #18 (**permalink**) 10.10.2014, 05:52

sanika, нужно не стиль менять, а класс. А уже в css файле классам назначить цвета. Это общепризнанная практика.

Владимир77777777777 · #19 (**permalink**) 30.10.2014, 20:56

где пишется емеил куда приходит это всё

danik.js · #20 (**permalink**) 30.10.2014, 20:57

Куда засабмитишь форму туда и придет)

Форум

Справочник

Discord чат

Курсы javascript