【前端学习笔记】限制文本框（input）输入为float类型

作者: 猫留下你走吧 | 来源:发表于2017-12-22 12:01 被阅读31次

【前端学习笔记】限制文本框（input）输入为float类型
限制input输入类型
input 数字类型(number)限制长度
input文本框输入限制
selenium键盘事件
textarea输入框限制字数(JavaScript)
python格式化输出
Houdini踩坑记（持续追加中）
Odrive常用控制参数
限制input输入

前言

某些情况下，需要用户输入float/double类型的数据，但是input似乎没有对这一类的做限制，所以需要结合javaScrept。

html：

<input type="text" onkeyup="checkInputIntFloat(this);" placeholder="请输入价格"/>

javaScrept：

function checkInputIntFloat(oInput) {
    if('' != oInput.value.replace(/\d{1,}\.{0,1}\d{0,}/,'')) {
        oInput.value = oInput.value.match(/\d{1,}\.{0,1}\d{0,}/) == null ? '' :oInput.value.match(/\d{1,}\.{0,1}\d{0,}/);
    }
}

这样就可以让用户输入float类型了。当用户输入非法的字符时就会被自动退格

总结

onkeyup：事件会在键盘按键被松开时发生

网友评论

本文标题：【前端学习笔记】限制文本框（input）输入为float类型

本文链接：https://www.haomeiwen.com/subject/ioptgxtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

【前端学习笔记】限制文本框（input）输入为float类型

前言

html：

javaScrept：

总结

相关文章

【前端学习笔记】限制文本框（input）输入为float类型

限制input输入类型

input 数字类型(number)限制长度

input文本框输入限制

selenium键盘事件

textarea输入框限制字数(JavaScript)

python格式化输出

Houdini踩坑记（持续追加中）

Odrive常用控制参数

限制input输入

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读