input框限制输入特殊符号,只输入数字并且限制最大数

最新推荐文章于 2024-01-23 10:44:10 发布

HouMengFei_

最新推荐文章于 2024-01-23 10:44:10 发布

阅读量385

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/HouMengFei_/article/details/133812977

版权

本文介绍了如何在HTML表单中使用oninput事件处理用户输入，如商品数量输入框，限制其值不超过888。通过v-model绑定状态管理，实时更新并进行验证。

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

使用oninput事件来处理

1.oninput 事件在用户输入时触发
2.该事件在input或textarea标签的值发生改变时触发

<el-form-item label="商品数量" prop="name">
  <el-input
    type="text"
    oninput="if(value){value=value.replace(/[^\d]/g,'')} if(value<=0){value=''} if(value>888){value=888}" 
    //value是input的值,当input框的值输入大于888的时候值自动修改为888
    v-model="state.ruleForm.name"
  ></el-input>
</el-form-item>