Проверьте страницу на наличие видимых форм ввода

Question

Как проверить, есть ли в DOM какие-либо видимые формы ввода, например, поле ввода, поле выбора, поле мультитекста и т. д., по крайней мере, один из них, мне нужно будет запустить определенный код. Если все скрыто, отображается не меньше 1, я не буду показывать код запуска.

if(ThereIsVisibleInputFields) {
    IWillRunThisCode();   
}

EDIT:

Как насчет этого?

if($(":input:visible").length) {
    IWillRunThisCode();
}

Выбирает ли :input селектор все элементы формы?

Answer 1

Скорее всего, вам нужен селектор: visible.Вы можете использовать его как таковой -

if ($('input:visible, textarea:visible, select:visible').length > 0) {
    IWillRunThisCode();
}

Для получения дополнительной информации вы можете проверить страницу API jQuery - : видимый селектор

Редактировать: Как указано в OP,Селектор ввода работает одинаково хорошо.Более того, он также выбирает кнопки, чего не было в моем исходном коде.Таким образом, селектор должен быть действительно

if ($(':input:visible').length) {
    IWillRunThisCode();
}

Answer 2

function ThereIsVisibleInputFields(){
   var arr = new Array();
   arr = document.getElementsByTagName( "input" );
   for(var i=0; i < arr.length; i++)
            {
                var tagName = document.getElementsByTagName( "*" ).item(i).nodeName;
                var tagObj = document.getElementsByTagName( "*" ).item(i);
                if(tagObj.style.visibility=="visible"||tagObj.style.display!="none")             
                     return true;
            }
   return false;
}

Точно так же мы можем проверить и другие теги (выберите, textarea и т. Д.)