js禁止input输入除正整数与小数的值

可以使用正则表达式来限制输入，下面是一个示例代码：

<input type="text" id="myInput" onkeyup="validateInput()" />

<script>
function validateInput() {
  var input = document.getElementById("myInput");
  input.value = input.value.replace(/[^0-9\.]/g, ''); // 只允许输入数字和小数点
  input.value = input.value.replace(/(\..*)\./g, '$1'); // 只允许输入一个小数点
}
</script>

该代码会监听输入框的键盘事件，在每次输入后对输入内容进行过滤，只保留数字和小数点，并且只允许输入一个小数点。你可以根据需求自行修改正则表达式。

相关问题

el-input只能输入正整数或者小数，

在Vue.js中，`el-input`是Element UI组件库中的一个输入框组件。如果你想要限制用户只能输入正整数或者小数，可以通过监听输入事件，并使用正则表达式对输入值进行校验来实现。

以下是一个简单的示例代码，展示了如何实现这样的功能：

<template>
  <el-input
    v-model="inputValue"
    @input="handleInput"
    placeholder="请输入正整数或小数"
  ></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleInput(value) {
      // 只允许正整数和小数输入
      const pattern = /^\d+(\.\d+)?$/;
      if (!pattern.test(value)) {
        // 如果输入不符合要求，则清空输入框或给出提示
        this.inputValue = '';
        // 这里可以加入提示语
      } else {
        this.inputValue = value;
      }
    }
  }
};
</script>

在这段代码中，`handleInput`方法会在用户每次输入时被调用。通过正则表达式`/^\d+(\.\d+)?$/`来检查输入值是否为正整数或小数。如果不是，则清空输入框或进行其他处理（比如弹出提示等）。

el-input只能输入正整数与负整数且不能输入小数

在使用 Vue.js 框架中的 `el-input` 组件来创建输入框时，如果你需要限制用户只能输入正整数与负整数，并且不能输入小数，你可以通过以下几种方法来实现：

1. 监听输入框的 `input` 或 `change` 事件，并在事件处理函数中检查输入值是否符合要求。如果不符合要求，可以阻止此次输入或者清空输入值。

2. 使用 `v-model` 与数据对象的属性进行双向绑定，在数据更新时进行验证。

下面是一个具体的示例代码，展示了如何使用 `v-model` 和计算属性（computed property）来实现这一需求：

<template>
  <el-input v-model="number" placeholder="请输入正整数或负整数"></el-input>
</template>

<script>
export default {
  data() {
    return {
      number: '' // 绑定到输入框的值
    };
  },
  computed: {
    formattedNumber: {
      get() {
        return this.number;
      },
      set(value) {
        // 正则表达式匹配正整数、负整数，不匹配小数
        const reg = /^\-?\d+$/;
        if (reg.test(value)) {
          this.number = value; // 如果匹配则更新数据
        } else {
          this.number = ''; // 如果不匹配则清空数据
        }
      }
    }
  }
};
</script>

在这个示例中，我们使用了计算属性的 getter 和 setter 来控制 `number` 的值。当用户输入值时，setter 会被触发，通过正则表达式检查输入值是否为正整数或负整数。如果不是，则清空 `number`，这样用户界面上的输入框也会显示为空。