Привет, друзья!
Столкнулся с такой проблемой:
Есть форма заказа, хочу, чтобы, когда пользователь заполнял ее, шла проверка на введенные данные, т.е., если где-то, что - то не введено, скрипт подсвечивал это.
В общем, есть таблица:
<form action="" method="post" name="form1" id="form1">
<br><br>
<div id="test_layer" style="position:relative; left:5%">
<span lang="ru">Ф.И.О.: </span>
<span lang="en-us"> </span>
<input type="text" name="fio" id="fio" size="97">
<p><span lang="ru"> Организация: </span><span lang="en-us"> </span><input type="text" name="organisation" id="organisation" size="97">
</p>
<p><span lang="en-us"> E-mail: </span> <input type="text" name="email" id="email" size="97">
</p>
<p><span lang="en-us"> </span><span lang="ru">Контактный телефон:</span><span lang="en-us">
</span><span lang="ru"> </span><span lang="en-us"> </span> <input type="text" name="phone" id="phone" size="97">
</p>
<p> </p>
</div>
<table border="0" width="100%" id="table1" cellspacing="7" cellpadding="0">
<tr>
<td width="40" height="27" bgcolor="#D2E2F2">
<p align="center"><span lang="ru">№</span></td>
<td width="336" height="27" bgcolor="#D2E2F2" width="35%">
<p align="center">Наименование</td>
<td width="76" height="27" bgcolor="#D2E2F2">
<p align="center">Единица измерения</td>
<td height="27" bgcolor="#D2E2F2" width="10%">
<p align="center">Количество</td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
</table>
<span lang="en-us"> </span> <input type="button" value="Добавить строки" id="adder">
<div align="center"> <input id="send_all" type="submit" value="Отправить заявку"> </div>
</form>
Тут в тегах <td></td> вставляются поля ввода текста. Юзер эти поля заполняет.
Вобщем нужно, когда юзер щелкает по кнопке отправки, шла проверка, какие <input type="text"> заполнены, а какие нет. Если что не заполнено, оно выделяется.
Ребята, я подзапарился уже. Подскажите, друзья, как нужно сделать? Вот у меня такой код на jquery:
<script>
$("#send_all").click(function()
{
$('tr').each(function()
{
var k=0;
$("td",this).each(function()
{
$(":text",this).each(function()
{
if($(this).val()!="")
{
k=k+1;
}
if(k<1)
{
$(this).css({background:"yellow", border:"1px red solid"});
$('#form1').submit(function(){
return false;
});
}
});
});
});
});
</script>
Выделяет только то, где вообще ничего не введено. Если где - то в строке таблицы хоть одно поле ввода заполнено, оно не выделяется. Подскажите, пожалуйста! Спасибо