Maison > interface Web > tutoriel HTML > Comment limiter la zone de saisie HTML aux seuls nombres purs

Comment limiter la zone de saisie HTML aux seuls nombres purs

醉折花枝作酒筹
Libérer: 2021-04-25 09:21:38
avant
3203 Les gens l'ont consulté

Cet article vous présentera comment limiter la zone de saisie aux seuls nombres purs en HTML. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

onkeyup = "value=value.replace(/[^\d]/g,'')"
Copier après la connexion

En utilisant l'événement onkeyup, il y a bug, c'est-à-dire dans l'état de la méthode de saisie chinoise, si vous saisissez des caractères chinois et appuyez directement sur Entrée, le les lettres

seront saisies directement.
onchange = "value=value.replace(/[^\d]/g,'')"
Copier après la connexion

utilise l'événement onchange Après avoir saisi le contenu, le résultat ne sera obtenu que lorsque input perd le focus lors de la saisie de

oninput = "value=value.replace(/[^\d]/g,'')"
Copier après la connexion

. l'événement oninput, parfait. Les deux problèmes ci-dessus ont été résolus et aucun autre problème n'est encore apparu dans le test.

Exemple de code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
    </head>
    
    <body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,&#39;&#39;)">
    </body>
    </html>
Copier après la connexion

Apprentissage recommandé : Tutoriel vidéo HTML

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:csdn.net
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