用js写个正则表达式 校验输入框只能输入正整数

可以使用以下正则表达式来校验输入框只能输入正整数：

var reg = /^[1-9]\d*$/;

上面的正则表达式表示输入以数字1-9开头，可以有0个或多个数字，即为正整数。

使用示例：

var input = document.getElementById('input');
input.addEventListener('keyup', function () {
    var value = this.value;
    if (!reg.test(value)) {
        this.value = "";
        alert("请输入正整数！");
    }
})

相关问题

element input 输入框只能输入1-100范围内的正整数，用正则校验

Element 的 `<input>` 元素通常不会直接内置正则表达式校验功能，因为HTML和JavaScript结合使用才能实现这种验证。你可以通过JavaScript来实现这个需求，步骤如下：

1. 首先，在HTML中添加一个`<input>`标签，并设置`type="number"`以限制用户输入数字，加上`min`和`max`属性指定范围：

<input type="number" id="numeric-input" min="1" max="100">

2. 然后在JavaScript中添加一个事件监听器，如`oninput`或`addEventListener('input')`，以便实时检查输入值：

document.getElementById("numeric-input").addEventListener("input", function (event) {
    var inputValue = parseInt(event.target.value);
    
    // 使用正则表达式校验
    var regex = /^\d+$/; // 匹配一串数字字符
    if (!regex.test(inputValue)) {
        event.target.value = ""; // 如果输入不符合，清空输入框
        alert("请输入1到100之间的正整数！");
    } else if (inputValue < 1 || inputValue > 100) {
        event.target.value = Math.min(100, inputValue); // 越界则限制在范围内
    }
});

在这个例子中，如果用户输入了非数字字符、小于1或大于100的数值，会触发相应的处理，保持输入框内只显示1到100的正整数。

element ui el-input 输入框只能输入1-100范围内的正整数，用正则校验

Element UI 的 `el-input` 组件本身并不内置正则表达式校验功能，但是你可以通过自定义验证规则或者结合第三方库如 Vue 的 `v-model.number` 和自定义事件来实现这个需求。下面是一个简单的示例：

首先，在Vue组件里设置一个正则表达式用于校验：

<template>
  <el-input v-model="inputValue" @input="validateInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    validateInput(value) {
      const regex = /^\d{1,3}$/; // 正则表达式匹配1-3位的数字
      if (!regex.test(value)) { // 如果输入不符合正则
        this.$refs.input.clearValidate(); // 清除之前的错误提示
        this.$refs.input.setCustomValidity('请输入1-100之间的正整数'); // 设置新的错误信息
      } else {
        this.$refs.input.validate(); // 如果输入合法，则校验通过
      }
    },
  },
};
</script>

在这个例子中，我们监听 `input` 事件，每次用户输入时都会调用 `validateInput` 方法进行校验。如果输入不是1-100范围内的正整数，就会显示错误消息。