html 限制input(number)为大于0的非小数

最新推荐文章于 2023-08-25 10:07:17 发布

快乐向前

最新推荐文章于 2023-08-25 10:07:17 发布

阅读量407

点赞数

文章标签： js

本文链接：https://blog.csdn.net/as895617207/article/details/118572715

版权

该博客探讨了如何使用正则表达式在前端进行输入验证，通过`<el-input>`组件展示了限制用户只能输入正整数的实现方式，并结合`v-model`和`onkeyup`事件来实时过滤非法字符。同时，文中还引入了校验规则定义，例如年龄字段的必填和正整数验证，进一步确保数据的正确性。

摘要由CSDN通过智能技术生成

1.<el-input v-model="scope.row.yds" onkeyup="this.value=this.value.replace(/[^\d]/g,'');"></el-input>


 dialogFormRules: {
   age: [
      { required: true, message: '请输入年龄', trigger: 'blur' },
      { 
        validator (rule, value, callback) {
          if (/(^[1-9]\d*$)/.test(value)) {
           callback()
          } else {
           callback(new Error('请输入正整数'))
          }
        },
        trigger: 'blur'
       }
    ]
}