cari

Rumah  >  Artikel  >  hujung hadapan web  >  input type=number禁止输入小数如何实现

input type=number禁止输入小数如何实现

一个新手
一个新手asal
2017-10-10 10:18:1410291semak imbas

最近做一个项目需求是输入框只能输入数字，并且禁止输入小数
intpu type=number 就可以控制只允许输入数字，但是不能控制输入小数
在网上查阅相关资料后整理了下
代码如下

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

Atas ialah kandungan terperinci input type=number禁止输入小数如何实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：过滤器与自定义过滤器的介绍Artikel seterusnya：函数声明与函数表达式有什么区别

Artikel berkaitan

Lihat lagi