输入框限制输入整数,jsinput只能输入数字和小数点
在上一篇文章《JavaScript如何实现点击删除扩展名并获取文件名》中，我们介绍了如何通过javascript点击删除扩展名并获取文件名。有需要的朋友可以看看了解一下~
本文的主题是教你如何使用javascript将输入框限制为只允许整数和小数点，不允许任何其他符号。
下面我给大家介绍两种实现方法：
第一种方法：
！声明文档类型
超文本标记语言
头
meta charset=UTF-8
标题/标题
/头
body style= text-align:center；
id=body
h1 id=h1
style= color:# ff 311 f；
PHP中文网
/h1
p id=GFG_UP
style= font-size:15px；
字体粗细：粗体；
/p
形式
请输入内容：
输入id=input
oninput=valid(this)
type=text
/表单
英国铁路公司
p id= GFG _唐
style= font-size:23px；
字体粗细：粗体；
颜色：# ff311f
/p
脚本
var El _ UP=document . getelementbyid( GFG _ UP )；
var El _ DOWN=document . getelementbyid( GFG _ DOWN )；
el_up.innerHTML=
查看输入是否有效；
var正则表达式=新RegExp(/^\d*\.\ d * $/)；
var val=document . getelementbyid( input )。价值；
函数有效(元素){
if (RegExp.test(elem.value)) {
val=elem.value
El_down.innerHTML=输入是有效字符；
}否则{
elem.value=val
El_down.innerHTML=输入了无效字符；
}
}
/脚本
/body
/html运行结果如下：
在上面的代码示例中：
RegExp用于验证输入。
每次输入一个字符，整个输入都会与RegExp进行匹配，以检查有效性。
如果有效，则使字符有效并将其添加到输入中，否则无效。
第二种方法：
！声明文档类型
超文本标记语言
头
meta charset=UTF-8
标题/标题
/头
body style= text-align:center；
id=body
h1 id=h1
style=" color:orange；"
PHP中文网
/h1
p id=GFG_UP
style= font-size:15px；
字体粗细：粗体；
/p
形式
请输入内容：
输入id=input
onkeypress=return GFG_Fun(this，event)
type=text
/表单
英国铁路公司
p id= GFG _唐
style= font-size:23px；
字体粗细：粗体；
颜色：橙色；
/p
脚本
var El _ UP=document . getelementbyid( GFG _ UP )；
var El _ DOWN=document . getelementbyid( GFG _ DOWN )；
el_up.innerHTML=
查看输入是否有效；
函数isValid(el，evnt) {
var charC=(evnt.which)？evnt . which:evnt . key code；
if (charC==46) {
if (el.value.indexOf( . ))===-1) {
返回true
}否则{
返回false
}
}否则{
if (charC 31 (charC 48 charC 57))
返回false
}
返回true
}
函数GFG_Fun(t，evnt) {
var a=isValid(t，evnt)；
如果(a) {
El_down.innerHTML=输入是有效字符；
}否则{
El_down.innerHTML=输入了无效字符；
}
返回a；
}
/脚本
/body
/html运行结果如下：
在上面的代码示例中：
每次输入字符，都会检查字符是否有效。
本示例还检查输入的小数位数。不能输入两位小数。
如果字符有效，则将其添加到输入中，否则无效。
最后推荐《JavaScript基础教程》 ~欢迎学习~以上是JavaScript限制输入框只允许整数和小数点(两种方法)的详细内容。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。