Comment configurer jquery pour qu'il ne remplisse que des chiffres

Dans jquery, vous pouvez utiliser la méthode replace() et les expressions régulières pour définir uniquement des nombres. La méthode replace() est utilisée pour remplacer une sous-chaîne qui correspond à l'expression régulière. Lorsque le contenu rempli n'est pas un nombre, il ne le sera pas. être affiché. La syntaxe est la suivante : "Spécifiez l'élément object.val().replace(/[^d]/g,"")".

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment configurer jquery pour remplir uniquement des nombres

Certaines zones de texte de saisie doivent faire certains jugements. Seuls les nombres peuvent être saisis par des expressions régulières lorsque le contenu est saisi par l'utilisateur. n'est pas un nombre, il ne sera pas saisi. La zone de texte s'affiche, voyons comment configurer jq pour saisir uniquement des nombres.

Syntaxe :

$('input').on('input propertychange', function(e) {
var text = $(this).val().replace(/[^\d]/g, "");
$(this).val(text)   
})

Créez un nouveau fichier html.

Créez une zone de saisie sur le fichier html, puis définissez la taille de la zone de saisie.

Code :

Présentez le fichier jquery.min.js.

Code :

Utilisez des expressions régulières pour déterminer le contenu saisi par l'utilisateur à chaque fois. Lorsque le contenu S'il ne s'agit pas d'un numéro, il ne sera pas affiché.

Code :

<script>
$(function(){
$(&amp;#39;input&amp;#39;).on(&amp;#39;input propertychange&amp;#39;, function(e) {
var text = $(this).val().replace(/[^\d]/g, &quot;&quot;);
$(this).val(text)   
})
})
</script>

Comme le montre l'image :

Après avoir enregistré le fichier html, ouvrez-le dans un navigateur approprié pour le tester. Il s'avère que la saisie de contenu non numérique ne peut pas être affichée dans la zone de texte. Comme le montre l'image :

Copiez et collez simplement tout le code dans le nouveau fichier html, et vous pourrez voir l'effet après l'enregistrement.

Tous les codes :

<script>
$(function(){
$(&amp;#39;input&amp;#39;).on(&amp;#39;input propertychange&amp;#39;, function(e) {
var text = $(this).val().replace(/[^\d]/g, &quot;&quot;);
$(this).val(text)   
})
})
</script>

Recommandations de didacticiels vidéo associés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!