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

一个新手

Lepaskan： 2017-10-10 10:18:14

asal

10328 orang telah melayarinya

最近做一个项目需求是输入框只能输入数字，并且禁止输入小数
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>

Salin selepas log masuk

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

Label berkaitan：

input type

sumber：php.cn

Artikel sebelumnya：过滤器与自定义过滤器的介绍 Artikel seterusnya：函数声明与函数表达式有什么区别

Kenyataan Laman Web ini

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 terbaru oleh pengarang