jQuery val si rifiuta di restituire un input non numerico da un campo numerico (Sotto Chrome)

Question

Appena imbattuto in qualcosa di strano in jQuery, mentre scrivevo un codice di convalida - Ho un campo "numero" html5;

<input type="number" class="required numeric" /> 

Il mio script esaminerà quindi tutti i campi della pagina controllando le classi e convalidando secondo necessità. Ho notato stranamente che se inserisco una "X" in uno dei miei campi numerici ottengo un errore "Si prega di inserire un valore in questo campo" invece di un errore "questo dovrebbe essere un numero". Dopo un po 'di grattacapi e un sacco di debugging ho buttato giù un jsFiddle per dimostrare la mia teoria- appare se inserisci un carattere in un campo numerico, quindi prova a fare un .val() da jquery non restituirà nulla, come se il il campo era vuoto (mi sono imbattuto in questo in Chrome, non sono sicuro che funzioni così su tutti i browser);

http://jsfiddle.net/shawson/SE46L/3/

Ecco il fiddle- immettere alcuni numeri, poi alcune lettere per vedere la pazzia. Qualcuno sa se questo è di progettazione, e se è così ... perché?

Answer 1

Questo non è un problema jQuery. Otterrete lo stesso risultato se utilizzate il valore element.value nativo (ad esempio con getElementByID ('qualcosa'). Valore). È curioso di sapere come Chrome gestisce il tipo di input = numero e puoi scegliere di aggirare il problema usando type = text e la proprietà pattern.

Vedere this older question per ulteriori informazioni.

Answer 2

Came attraverso lo stesso problema in Chrome, non darà un valore su type = number quando non sono numerici. Il lavoro che ho svolto è stato semplicemente impostare il valore sul valore di se stesso. In questo modo non ti permetterà di inserire valori non numerici in primo luogo. È un hack ma funziona.

esempio:

$('body').find('input[type="number"]').each(function(k,v) { 

    $(this).on('keyup blur', function() { 
     $(this).val($(this).val()); 
    }); 

});