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

Тема в разделе "JavaScript", создана пользователем startus, 8 авг 2013.

Модераторы: ZiX
  1. startus

    startus Создатель

    Регистр.:
    7 окт 2011
    Сообщения:
    39
    Симпатии:
    5
    Пригодилась нынче. Не нашел- пришлось самому пилить [​IMG]
    Юзает 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" />
    Т.е. не разрешаем отправлять.

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

    Выглядит примерно так - [​IMG]