Работает только в новых браузерах. Выглядит в каждом браузере по-своему.
<!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> |
Подскажите где ошибка :-?
<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>Задача - менять фон в определенных полях, в зависимости от заполнения или наоборот очищении. т.е. пустое поле будет розовое, а полное с белым фоном |
sanika, читайте документацию
http://learn.javascript.ru/styles-an...#style-csstext Цитата:
|
<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, но как правильно сделать? |
Цитата:
Цитата:
oninput=checkField(this) писать без кавычек, ибо с кавычками - димедрол. А в функции сделать приемник для this, который и будет референсом на элемент function checkField(elem) { // this became elem if(elem.length < 3) alert('Минимум три символа!!!'); } |
Или без кавычек димедрол?
Короче проверьте какой димедрол - то не делайте. |
спасибо, все получилось
|
sanika, нужно не стиль менять, а класс. А уже в css файле классам назначить цвета. Это общепризнанная практика.
|
где пишется емеил куда приходит это всё
|
Куда засабмитишь форму туда и придет)
|
Часовой пояс GMT +3, время: 09:09. |