正则校验input-tag标签只能输入数字

好的，您可以使用以下正则表达式来校验input-tag标签中只能输入数字：

<input\s*type=["']?tag["']?\s*[a-zA-Z]*=["']?\d*["']?\s*/?>

这个正则表达式会匹配类似以下这样的标签：

<input type='tag' max='10' min='1' step='1' placeholder='请输入数字' />

其中，`max`、`min`、`step`、`placeholder`等属性可根据需要进行添加或修改。

相关问题

正则校验input-tag输入框只能输入数字

你好，我可以通过编写一段 JavaScript 代码来实现对输入框的限制，以下是一种可能的实现方式：

// 获取输入框
var inputTag = document.getElementById("input-tag");

// 监听输入事件
inputTag.addEventListener("input", function() {
  // 获取输入框的值
  var inputValue = inputTag.value;

  // 使用正则表达式进行校验
  if (/^[0-9]*$/.test(inputValue)) {
    // 如果输入的是数字，则不做处理
    return;
  }

  // 如果输入的不是数字，则将输入框的值设置为空字符串
  inputTag.value = "";
});

这段代码会在输入框的输入事件发生时进行校验，如果输入的内容符合正则表达式 `/^[0-9]*$/`，即只包含数字，则不做处理，否则将输入框的值设置为空字符串，实现了校验输入框只能输入数字的功能。

希望我的回答能够帮助您！

el-input-tag标签怎么校验输入的内容只能是数字

你可以使用 el-form 中的 rules 属性来实现 el-input-tag 标签的输入内容校验，具体实现如下：

1. 在 el-form 中的 rules 属性中添加自定义校验规则：

<template>
  <el-form :model="form" :rules="rules">
    <el-form-item label="数字标签">
      <el-input-tag v-model="form.tag" :type="tagType"></el-input-tag>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        tag: []
      },
      rules: {
        tag: [
          { validator: this.checkTagIsNumber, trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    checkTagIsNumber(rule, value, callback) {
      const regex = /^[0-9]*$/
      if (!value.every(tag => regex.test(tag))) {
        callback(new Error('标签内容只能为数字'))
      } else {
        callback()
      }
    }
  }
}
</script>

2. 在 checkTagIsNumber 方法中编写校验规则，使用正则表达式 /^[0-9]*$/ 来判断输入的标签内容是否都为数字，若不是则返回错误信息。

这样就可以实现 el-input-tag 标签的输入内容校验，确保输入的标签内容为数字。