
22.04.2010, 12:20
|
|
Участник форума
Регистрация: 11.10.2006
Сообщений: 134
Провел на форуме: 3607644
Репутация:
235
|
|
Можно сделать проверку при событии 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>
Последний раз редактировалось diGriz; 22.04.2010 в 12:45..
|
|
|