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

Comment limiter la zone de saisie HTML aux seuls nombres purs

醉折花枝作酒筹
醉折花枝作酒筹avant
2021-04-25 09:19:543174parcourir

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

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

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

. 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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer