Проверка формы с помощью javascript/jquery — idp blog

idp blog [http://idp.org.ua/] Denis Ivanov blog HTML , javascript/jquery Проверка формы с помощью javascript/jquery Denis Ivanov - 26.11.2015 0 Комментарии Читать дальше → Для «input radio» я делал скрытый 1 < input type = "radio" name = "radio" value = "0" checked = "checked" > , чтобы была своего рода возможность проверки на выбор. Функцию объявляем для формы на вот так onsubmit=»return valid_form();» . Саму форму не стал писать, думаю разберетесь, по коду видно какие поля проверяем. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 function valid_form ( ) { var fio = $ ( "input[name='fio']" ) . val ( ) ; var mail = $ ( "input[name='mail']" ) . val ( ) ; var phone = $ ( "input[name='phone']" ) . val ( ) ; /*var radio - пример для input radio*/ var radio = $ ( "input:radio[name='radio']:checked" ) . val ( ) ; var r = /^[\w\.\d-_]+@[\w\.\d-_]+\.\w{2,4}$/i ; if ( fio != '' & amp ;& amp ; mail != '' & amp ;& amp ; phone != '' & amp ;& amp ; radio != '0' ) { $ ( "#fio" ) . css ( { "display" : "none" } ) ; $ ( "#mail" ) . css ( { "display" : "none" } ) ; $ ( "#phone" ) . css ( { "display" : "none" } ) ; $ ( "#radio" ) . css ( { "display" : "none" } ) ; } else { if ( fio == '' ) { $ ( "input[name='fio']" ) . css ( { "border" : "1px solid red" } ) ; $ ( "#fio" ) . css ( { "display" : "block" } ) ; } else { $ ( "input[name='fio']" ) . css ( { "border" : "1px solid #ebd6ad" } ) ; $ ( "#fio" ) . css ( { "display" : "none" } ) ; } if ( mail == '' ) { $ ( "input[name='mail']" ) . css ( { "border" : "1px solid red" } ) ; $ ( "#mail" ) . css ( { "display" : "block" } ) ; } else if ( ! r. test ( mail ) ) { $ ( "#mail" ) . css ( { "display" : "none" } ) ; $ ( "#mail2" ) . css ( { "display" : "block" } ) ; } else { $ ( "input[name='mail']" ) . css ( { "border" : "1px solid #ebd6ad" } ) ; $ ( "#mail" ) . css ( { "display" : "none" } ) ; $ ( "#mail2" ) . css ( { "display" : "none" } ) ; } if ( phone == '' ) { $ ( "input[name='phone']" ) . css ( { "border" : "1px solid red" } ) ; $ ( "#phone" ) . css ( { "display" : "block" } ) ; } else { $ ( "input[name='phone']" ) . css ( { "border" : "none" } ) ; $ ( "#phone" ) . css ( { "display" : "none" } ) ; } if ( radio == '0' ) { $ ( "input:radio[name='radio']" ) . css ( { "border" : "1px solid red" } ) ; $ ( "#radio" ) . css ( { "display" : "block" } ) ; } else { $ ( "input:radio[name='radio']" ) . css ( { "border" : "1px solid #ebd6ad" } ) ; $ ( "#radio" ) . css ( { "display" : "none" } ) ; } return false ; } } Denis Ivanov Читать дальше → Оставить комментарий Отменить ответ Комментарий * Имя * Email * Пожалуйста, включите JavaScript в Вашем обозревателе для того, чтобы оставить комментарий! Поиск по сайту Страницы Справочник по FreeBSD Рубрики CSS Delphi dhcp freebsd HTML javascript/jquery MySql php programming samba4 Unix/Linux Windows Без рубрики Partners Блог Константина Крылова © 2017 idp blog