Проверить, какие поля в таблице не заполнены
Привет, друзья!
Столкнулся с такой проблемой: Есть форма заказа, хочу, чтобы, когда пользователь заполнял ее, шла проверка на введенные данные, т.е., если где-то, что - то не введено, скрипт подсвечивал это. В общем, есть таблица: <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> Выделяет только то, где вообще ничего не введено. Если где - то в строке таблицы хоть одно поле ввода заполнено, оно не выделяется. Подскажите, пожалуйста! Спасибо |
<script> $("#send_all").click(function() { $("td",this).each(function() { var k=0; $(":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> как то так |
alexsashka,
а может проще $('input:empty').css({background:"yellow", border:"1px red solid"}); и не городить огород |
$('#form1').submit(function(){ return false; }); И приплыли. Теперь форму вообще не отправить, так как созданный обработчик будет отменять отправку всякий раз. |
Часовой пояс GMT +3, время: 19:46. |