club762.ruТакже вы можете применять фильтры к некоторым типам элементов форм и некоторым типам событий для этих элементов. При помощи представленных фильтров вы сможете получить более полный контроль как над стандартными формами комментариев, так и над различными произвольными формами, в том числе сгенерированными плагинами. Позже в статьях мы увидим, как с помощью jQuery можно облегчить использование форм, а также усовершенствовать проверку правильности заполнения их полей.
| :input | jQuery(«form:input»).css(«background», «#f60»); | Заносит в выборку все элементы ввода, текстовые области, кнопки и элементы выбора для форм |
| :text | jQuery(«form:text»).css(«background», «#f60»); | Заносит в выбору все элементы ввода, которые имеют тип text |
| :password | jQuery(«form:password»).css(«background», «#f60»); | Заносит в выборку все элементы ввода, которые имеют тип password |
| :radio | jQuery(«form:radio»).css(«background», «#f60»); | Заносит в выборку все элементы ввода, которые имеют тип radio |
| :checkbox | jQuery(«form:checkbox»).css(«background», «#f60»); | Заносит в выборку все элементы ввода, которые имеют тип checkbox |
| :submit | jQuery(«form:submit»).css(«background», «#f60»); | Заносит в выборку все элементы ввода, которые имеют тип submit |
| :image | jQuery(«form:image»).css(«background», «#f60»); | Заносит в выборку все изображения (классифицируется как фильтр для форм, однако используется и для регулярных изображений) |
| :reset | jQuery(«form:reset»).css(«background», «#f60»); | Заносит в выборку все элементы ввода, которые имеют тип reset |
| :button | jQuery(«form:button») .css(«background», «#f60»); | Заносит в выборку все элементы ввода, которые имеют тип button |
| :file | jQuery(«form:file»).css(«background»,»#f60″); | Заносит в выборку все элементы ввода, которые имеют тип file |
В следующем примере я использовал подсветку для текстовых полей формы и кнопки submit, как показано на изображении:
...
jQuery(":text, :submit").css("background", "#f60");
...
А можно ли сделать так, чтобы кнопка «отправить комментарий» появлялась, когда выполнено необходимое условие, например, заполнены обязательные поля?
Вот пример:
$(function(){ // Скрываем кнопку, если какое-либо из полей незаполнено $('form input').keyup(function(){ if($('#input1').val() == "" || $('input2').val() == ""){ $('#submit').hide(); } else { $('#submit').show(); } }); // Не отправляем форму, если какое-либо из полей незаполнено $('form').submit(function(){ if($('#1').val() == "" || $('#2').val() == ""){ return false; } }); });Естественно, в начале понадобится использовать CSS для скрытия кнопки (display:none)