Comment puis-je empêcher l'utilisateur d'insérer des caractères dans la Zone de Texte autres que Seulement les numéros pouvez insérer jQuery Mobile

J'ai mis en place iphone&android app dans jQuery mobile.* j'ai utilisé **pure jQuery mobile

À entrez votre numéro de téléphone numéro dans une zone de texte. J'ai utilisé TYPE=”TEL” " c'est pour numaric clavier.

<input type="tel" style=" width:81%;" id="contactNumber" value="" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" />

Mais l'utilisateur peut saisir du texte également la zone de texte qui est chose inutile.

How can I prevent user from inserting characters other than numbers?

Pour les appareils mobiles des utilisateurs, il serait beaucoup plus à l'aise si la seule entrée possible est numérique, comme ils doivent appuyer sur un bouton pour obtenir un numéro plutôt que par une lettre!

J'ai essayé d'ajouter TYPE=”TEL” TYPE=”mumber” dans le champ de saisie, mais il ne fonctionne pas pour empêcher.

double possible de Comment faire pour autoriser uniquement numériques (0-9) en HTML inputbox à l'aide de jQuery?

InformationsquelleAutor user1425472 | 2012-07-13

14
```
$(document).ready(function() {
    $('#contactNumber').keyup(function() {
        var numbers = $(this).val();
        $(this).val(numbers.replace(/\D/, ''));
    });
});
```
Cela devrait remplacer toutes les chiffre avec un vide de caractère *comme ils sont mis dans des, en niant la nécessité de la recherche pour plus d'un chiffre à la fois.
- $(document).ready(function() { $('#contactNumber').keyup(function() { var nombre = $(this).val(); $(this).val(numéros.replace(/\D/, ")); }); }); Après, j'ai écrit cela, j'ai réalisé que ce n'est pas la mise à jour de la valeur. Juste rap numéros.replace() dans un $(this).val() et ça devrait être bon.
- J'ai modifié la réponse. J'ai réalisé qu'à l'origine ce n'était pas la mise à jour de la valeur de #contactNumber. Maintenant, il est. Je n'ai pas utilisé JQuery mobile avant, donc je ne sais pas si il répond .keyup de la manière habituelle. Vous pouvez jeter cette dans comme un test rapide: $('#contactNumber').keyup(function() {alert("travaux");});
- Pouvez-vous ajouter une case pour les entiers négatifs sur cela aussi. @Dale
- Je l'ai eu seulement + l'a fait. $(this).val(numéros.replace(/\D+/, ")); travaillé.
InformationsquelleAutor Dale

Aucun des ci-dessus a fonctionné pour moi, mais j'ai trouvé une solution qui fonctionne parfaitement pour ce que j'ai besoin (pour interdire les caractères spéciaux dans un champ de saisie). Empêche et alerte l'utilisateur.

    <script>
     $("#userlogin").keypress(function(e) {
      if (String.fromCharCode(e.which).match(/[^A-Za-z0-9_ ]/)) {
        e.preventDefault();
        alert("Special characters are not allowed. Use 'A-Z', 'a-z' and '0-9'.");
       }
     });
    </script>

InformationsquelleAutor user3570421

1

Vu cette réponse avant. Découvrez http://www.texotela.co.uk/code/jquery/numeric/

Et vous pouvez simplement changer votre id de classe et avoir ce code sur votre page:
```
$(document).ready(function(){
    $(".numeric").numeric();
});
```
Si vous ne souhaitez pas utiliser jQuery, vous pouvez écrire votre propre fonction et de l'appeler onkeyup événement

Voir: http://www.htmlcodetutorial.com/forms/index_famsupp_158.html

Une autre option est l'aide de l'étape de l'attribut:

http://www.w3.org/TR/html-markup/input.number.html#input.number.attrs.step.float
```
<input type="number" step="0.01" min="0" >
```
InformationsquelleAutor Mike S.
1

type="tel" est en HTML 5, et pas jqueryMobile.
les périphériques plus récents, dont les navigateurs HTML 5 types d'entrée de rendre ces boîtes amende. Mais pour les anciennes versions, les scripts supplémentaires doivent y être. Les scripts sont déjà affichés dans les réponses ci-dessus.

InformationsquelleAutor Tejas

$('#contactNumber').bind('keypress', function (event) {
        event = event || window.event; canAdd = new Boolean(false);
        canAdd = ((event.charCode > 47) && (event.charCode < 58) || (event.charCode == 32) || (event.charCode == 40) || (event.charCode == 41) || (event.charCode == 43) || (event.charCode == 45) || (event.charCode == 124));
        if (!canAdd && event.charCode)
            return false;
    });

Mais il vaut mieux utiliser HTML5 tél attrubute

InformationsquelleAutor Gleb Svechnikov

HTML :

 input type="tel" (keypress)="isNumberKey($event)"

Script :

isNumberKey(evt: any) { < br >
        //to accept only numbers in contact field<br>
        if ( < br >
            (evt.key >= '0' && evt.key <= '9') || < br >
            evt.key == "Backspace" || < br >
            evt.key == "Delete" || < br >
            evt.key == "ArrowLeft" || < br >
            evt.key == "ArrowRight" < br >
        ) { < br > //"Backspace" etc for 'firefox' browser<br>
                return true; < br >
        } < br >
        return false; < br >
}

InformationsquelleAutor lalit bishnoi

Vous devez vous connecter pour publier un commentaire.