Найти все <input type = "number"> на странице в браузере, который их не поддерживает

Question

Я хочу написать прокладку для старых браузеров, которые не поддерживают <input type="number">.

Это легко обнаружить, как в тех браузерах, любой input где вы установите type в number сообщит о type в text. Так хорошо до сих пор.

Так что я хочу найти каждый <input type="number"> и подключить события для этих старых браузеров.

Проблема в следующем: как их найти?

• $('input[type=number]').length === 0 (конечно).
• $('input[name=aKnownNumberField]')[0].type === 'text' еще раз, не удивительно, поскольку это проверка, используемая для обнаружения функции в первую очередь.
• $($('input[name=aKnownNumberField]')[0]).parent().html().indexOf('type="number"') (или любая аналогичная проверка HTML) также терпит неудачу, потому что возвращенный HTML будет соответствовать данным DOM браузера.

Обратите внимание, что я использую jQuery в своих примерах, но я рад за ответы, отличные от jQuery.

Как определить <input type="number"> в браузерах, которые их не поддерживают?

Answer 1

Если вы используете JQuery, вы можете получить их с помощью .filter():

var $unsupported = $('input').filter(function() { 
    return this.type !== $(this).attr('type'); 
}); 

Это будет выбрать все недопустимые входы, так что вы можете отфильтровать, что дальнейшее использование .filter('[type="number"]') или сделать это изнутри функция фильтрации.

Чистый раствор JS не сильно отличается:

var inputs = document.getElementsByTagName('input'); 

for (var i = 0; i < inputs.length; i++) { 
    if (inputs[i].type === inputs[i].getAttribute('type')) { 
     continue; 
    } 

    // inputs[i] isn't supported by the browser 
} 

И демо: http://fiddle.jshell.net/PENRD

Я тестировал его в IETester и работал вплоть до IE6.

Answer 2

$.expr[':'].realtype = function(objNode,intStackIndex,arrProperties,arrNodeStack) 
{ 
    return $(objNode).attr('type')===arrProperties[3]; 
} 

var numbers=$('input:realtype("number")'); 

jsfiddle: http://jsfiddle.net/kingmotley/3sMQf/2/