el-input 限制ip输入

最新推荐文章于 2024-07-13 17:50:40 发布

原创最新推荐文章于 2024-07-13 17:50:40 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

本文介绍了一种使用HTML和JavaScript的方法来实现输入框中只允许输入数字和小数点的功能，并提供了一个具体的代码示例。

用oninput过滤非数字和“.”。

<el-input v-model="ip" v-on:input="ipVerify" oninput="value=value.replace(/[^0-9]\.]/,'')"></el-input>

编辑验证方法

ipVarify(){
    var ip = "";
    var arr = this.ip.split(".");
    var num = arr.length > 4 ? 4 : arr.length;
    for(var i = 0; i < num; i++){
        var a = arr[i] !== "" ? parseInt(arr[i].replace(/[^0-9\.]/g, '')) & 255 : "";
        ip += a + ".";
    }
    this.ip = ip.slice(0, ip.length-1);
}