当前位置:   article > 正文

el-input输入框数字,小数点,字母等多种类型限制_elinput只能输入数字和小数点,不能输入e和数字符号

elinput只能输入数字和小数点,不能输入e和数字符号

1.只能输入数字

  1. <el-input
  2. v-model="rowForm.carriage"
  3. clearable
  4. size="small"
  5. style="width: 90px"
  6. @input="value => rowForm.carriage= Number(value.replace(/[^\d]/g,''))"
  7. />
  8. 或者公共方法
  9. // 只能输入数字
  10. export function setNumberValue(value) {
  11. if (value !== "") {
  12. // 保留数字部分
  13. value = Number(value.replace(/\D/g, ""));
  14. // 如果结果为零,则返回1,否则返回处理后的数字
  15. return value === 0 ? 1 : value;
  16. } else {
  17. // 如果值为空字符串,则返回 null
  18. return null;
  19. }
  20. }
  21. //使用 @input='handleInputId'
  22. handleInputId (value) {
  23. this.$set(this.form, "id", setNumberValue(value));
  24. },

2.输入数字小数点

 @input="rowForm.carriage= rowForm.carriage.replace(/[^\d|\.]/g, '')"

3.只能输入数字和保留2位小数

 oninput="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''" 

4.只能输入数字和英文

  1. onkeyup="value=value.replace(/^[a-zA-Z0-9]+$/, '')"
  2. // 只能输入数字和英文
  3. export function setNumberValue2(value) {
  4. const regex = /^[a-zA-Z0-9]+$/;
  5. if (regex.test(value)) {
  6. return value;
  7. } else {
  8. // 输入特殊符号,返回原始值中的字母和数字部分 如输入123s@,保留123s
  9. return value.replace(/[^a-zA-Z0-9]/g, "");
  10. }
  11. }

5.只能输入中文、数字、英文,不包含符号

<el-input oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">

6.只能输入英文,数字,不能输入中文

oninput="value=value.replace(/[^\w\.\/]/ig,'')"

7.只能输入中文,其他都不可输入

  1. <el-input v-model="rowForm.carriage" clearable @input="handleInput"/>
  2. handleInput() {
  3. const regex = /^[\u4e00-\u9fa5]+$/; // 中文字符的正则表达式
  4. if (!regex.test(this.rowForm.carriage)) {
  5. this.rowForm.carriage = '';
  6. }
  7. },

或者

<el-input type="text"οnkeyup="this.value=this.value.replace(/[^\u4e00\u9fa5]/g,'')"/>

8.只能英文,其他不可 

<el-input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/549494
推荐阅读
相关标签
  

闽ICP备14008679号