Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Проверка полей на ввод, подцветка не введенных полей (https://forum.antichat.xyz/showthread.php?t=198223)

.::BARS::. 22.04.2010 11:52

Проверка полей на ввод, подцветка не введенных полей
 
Привет всем... помогите реализовать такую фишу
http://www.ice27.ru/kart.php
это скрипт реги анкет...
важные поля - фио, тел и мыло...
нужно как то явой проверять на ввод в поле.. и если не введено, то выделять красным...
как такое замутить?
я добавил к полям ключ required
но он работает только в опере...

diGriz 22.04.2010 12:20

Можно сделать проверку при событии onBlur, т. е. при потере фокуса:
Код:

<script type="text/javascript">
function checkField(val) {
        if(document.getElementById(val).value == "") {
                document.getElementById(val).style.border = "1px solid red";
        } else  {
                document.getElementById(val).style.border = "";
        }
}
</script>
<input type="text" name="name" id="name" onblur="checkField(this.id)"  />
<input type="text" name="email" id="email" onblur="checkField(this.id)"/>

Ну, а лучше при сабмите формы проверить поля:
Код:

<script type="text/javascript">
function checkField(val) {
        if(document.getElementById(val).value == "") {
                document.getElementById(val).style.border = "1px solid red";
        } else  {
                document.getElementById(val).style.border = "";
        }
}
function SendForm() {
var err = "";
if (document.getElementById("name").value == "") {
        document.getElementById("name").style.border = "1px solid red";
        err = 1;
    }

if (document.getElementById("email").value == "") {
        document.getElementById("email").style.border = "1px solid red";
        err = 1;
    }
if(err) {
        return false;
}
return true;

}
</script>
<form action="aa.php" method="post" onsubmit="return SendForm();">
<input type="text" name="name" id="name" onblur="checkField(this.id)"  />
<input type="text" name="email" id="email" onblur="checkField(this.id)"/>
<input type="submit" name="submit"/>
</form>


.::BARS::. 22.04.2010 12:58

спасибо


Время: 01:06