JS ф-ция проверки формы (подсветка)

startus

Создатель
Регистрация
7 Окт 2011
Сообщения
39
Реакции
5
Пригодилась нынче. Не нашел- пришлось самому пилить
ah.gif

Юзает JQuery.

Между <head> и </head> ставим:

Код:
<script src="http://tgmf.ru/info/welcome/js/jquery-2.0.2.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
 
<script>
function sosok(app,appz) {
if ($('#'+app).val() == '') {
$('#'+app).css({'background-color': 'red'})
}else{
$('#'+app).css({'background-color': 'white'})
};
if ($('#'+appz).val() == '') {
$('#'+appz).css({'background-color': 'red'})
}else{
$('#'+appz).css({'background-color': 'white'})
};
};
</script>

Первые 2 строки - подключаем библиотеку жквери. Проверяем 2 поля:

Сами поля:
Код:
<input type="text" name="phone" id="namef1" placeholder="Вае имя">
<input type="text" name="phone" id="phonef1" placeholder="Ваш телефон">
<img class="regular_2" onclick="sosok('namef1','phonef1');" src="images/regular_2_2.png" />

Т.е. передаем функе айди элементов (в данном случае айди полей). 3 строка - сама кнопка, юзаю как рисунок, если же вы юзаете тип баттон - будет так:

Код:
<img class="regular_2" onclick="sosok('namef1','phonef1'); return false;" src="images/regular_2_2.png" />

Т.е. не разрешаем отправлять.

Может кому пригодится

Выглядит примерно так -
file.php
 
Назад
Сверху