recherche

Maison >interface Web >js tutoriel >Comment implémenter input type=number pour interdire la saisie de décimales

Comment implémenter input type=number pour interdire la saisie de décimales

一个新手
一个新手original
2017-10-10 10:18:1410330parcourir

Une exigence récente du projet est que la zone de saisie ne peut saisir que des nombres et qu'il est interdit de saisir des décimales
intpu type=number peut contrôler la saisie de nombres uniquement, mais ne peut pas contrôler la saisie de décimales
Rechercher informations pertinentes en ligne et triez-les Cliquez
et le code est le suivant 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>input type=number 禁止输入小数点</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <script src="jquery.min.js" type="text/javascript"></script></head><body>
    <input type="text" name="number" id=&#39;number&#39;/><script>$(document).ready(function(){
    var ipt = $(&#39;#number&#39;);
    ipt.on(&#39;keyup&#39;,function(){
        if(! /^\d+$/.test(this.value)){            
        this.value=&#39;&#39;;
        }
    })
});</script></body></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：
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
Article précédent：Introduction aux filtres et aux filtres personnalisésArticle suivant：Introduction aux filtres et aux filtres personnalisés

Articles Liés

Voir plus