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

WBOY
Libérer: 2022-01-10 17:22:45
original
3234 Les gens l'ont consulté

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,"")".

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

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)   
})
Copier après la connexion

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>
Copier après la connexion

Comme le montre l'image :

Comment configurer jquery pour quil ne remplisse que des chiffres

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 :

Comment configurer jquery pour quil ne remplisse que des chiffres

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>




Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!