input各种输入验证

Posted Je vous

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input各种输入验证相关的知识,希望对你有一定的参考价值。

      限制输入框只能输入数字,并且保留两位小数
<input type="text" onkeyup="var p2 = parseFloat(value).toFixed(2);value = p2>=0?(/\.0?$/.test(value)?value:p2.replace(/0$/,‘‘).replace(/\.0$/,‘‘)):‘‘" onblur="value = value.replace(/\.0*$/,‘‘)"/>

如果要限制上限。可以修改为,如小于100

<input type="text" onkeyup="var p2 = parseFloat(value).toFixed(2);value = p2>=0&&p2<100?(/\.0?$/.test(value)?value:p2.replace(/0$/,‘‘).replace(/\.0$/,‘‘)):‘‘" onblur="value = value.replace(/\.0*$/,‘‘)"/>

如果保留一位小数可以

<input type="text" onkeyup="var p1 = parseFloat(value).toFixed(1);value = p1>=0?(/\.$/.test(value)?value:p1.replace(/0$/,‘‘).replace(/\.$/,‘‘)):‘‘" />

以上是关于input各种输入验证的主要内容,如果未能解决你的问题,请参考以下文章

input 的各种属性的验证 checkValidity兼容性

用户输入识别验证3次

Vue使用antd中input组件去验证输入框输入内容-rules-案例

Vue使用antd中input组件去验证输入框输入内容-rules-案例

[Python]常用代码块

Vue使用antd中input组件去验证输入框输入内容-rules-案例