validações utilizando jQueryMobile

Boa noite pessoal,

Estou desenvolvendo um aplicativo utilizando jQueryMobile, e tenho um campo por exemplo, que quero que aceite valores inteiros de 10 a 250, adicionei o min=“10” e max=“250”, quando utilizo as setas do teclado para aumentar e diminuir o valores, a validação funciona, mas se digito manualmente ou copio e colo algum valor fora da faixa, o campo permite, como posso fazer esta validação, para que não permita digitar um valor fora da faixa, por exemplo, no momento em que ele vai digitando já fazer a validação?

<label for="peso">Peso do paciente (quilogramas)</label> <input type="range"min="10" max="250" id="peso" name="peso" value="<%= rbl.getPesoPaciente() %>"/>

1 Resposta

davidbuzatto 8 de ago. de 2012

Registre o manipulador para o evento keydown do input e trate o que precisa. Exemplo:

$( "#foo" ).on( "keydown", function(evt){
    
    var $this = $(this);
    
    switch( evt.keyCode ) {
        
        case 38: // cima
        case 39: // direita
            $this.val( parseInt( $this.val() ) + 1 );
            break;
            
        case 37: // esquerda
        case 40: // baixo
            $this.val( parseInt( $this.val() ) - 1 );
            break;
        
        default:
            evt.preventDefault();
            break;
    }
    
});

Dê uma olhada aqui: http://jsfiddle.net/davidbuzatto/VhafR/

1 Resposta

Topicos relacionados