Forcer la saisie numérique pour un site Web mobile

StackOverflow https://stackoverflow.com/questions/705481

  •  22-08-2019
  •  | 
  •  

Question

J'utilise la propriété CSS '-wap-input-format' pour forcer la saisie numérique à l'aide de "*N".307Cela fonctionne sur mon SonyEricsson C702, mais échoue sous Windows Mobile IE, Windows Mobile avec Opera ou SonyEricsson P1i.

Était-ce utile?

La solution

Ma suggestion est également d'ajouter du Javascript.Mobile Opera ainsi que l'iPhone, Minimo (mini-mozilla) et bien d'autres peuvent comprendre Javascript, au moins dans une certaine mesure.

function noNumbers(e) {
    var keynum;
    var keychar;
    var numcheck;    
    if(window.event) // IE
    {
        keynum = e.keyCode;
    }
    else if(e.which) // Netscape/Firefox/Opera
    {
        keynum = e.which;
    }

    if((keynum >= 48) && (keynum <= 57)) {
        return(true);
    }

    var good_codes = [8, 14, 15, 37, 38, 39, 40];
    for(i = 0; i < good_codes.length; i++) {
        if(good_codes[i] == keynum) {
            return(true);
        }
    }

    return(false);
}

J'espère que cela t'aides! : )

métafiltre.com

Autres conseils

Vous n'avez pas besoin de javascript sur Opera ou sur iPhone et probablement pas sur Android non plus.Utilisez simplement le type d'entrée "numéro", à partir de HTML5.Il reviendra à une saisie de texte sur les navigateurs qui ne le prennent pas en charge.

Le format dont vous parlez est un WCSS (WAP CSS) et, en tant que telle, n'est pas très largement prise en charge, en particulier sur les appareils mobiles modernes.

Le -wap-format-d'entrée ça ne marche pas très bien de toute façon.Par exemple, demander aux utilisateurs de remplir une saisie numérique avec des décimales ("2,50") est presque impossible (solution la plus proche :-format d'entrée wap :"*n").

Cependant, bien que la propriété ne soit pas fiable pour la validation (celle-ci doit toujours être côté serveur, comme l'a dit Darasd), elle peut aider les utilisateurs en basculant automatiquement l'entrée de l'appareil mobile en numérique.

Le même est on dit que c'est possible pour les iPhones en ajoutant « zip » ou « téléphone » au nom du champ de saisie (par ex."monchamp_zip").Ouais, je sais, c'est maladroit.

J'utiliserais toujours les deux astuces, car cela déclenche une belle opportunité (et vous pouvez utiliser Javascript en plus, si vous le souhaitez).

<input type='tel' />

fera apparaître un clavier numérique sur les navigateurs par défaut Android et iPhone et Chrome pour Android.Cela ne fonctionne pas sur Windows Phone 7.5, mais devrait le faire sur Windows Phone 8 puisque le navigateur de WP8 est basé sur IE9.

En utilisant

<input type='number' />

le fera également, mais supprimera automatiquement les zéros non significatifs.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top