如何在html的form表单里input类型为number，控制输入的数字大于0

你可以在 `<input>` 元素中使用 `min` 属性来控制输入的数字大于0。例如，下面的代码会创建一个数字输入框，它只允许输入大于0的数字：

<input type="number" name="quantity" min="1">

在这个例子中，`min` 属性的值为1，这意味着用户只能输入大于等于1的数字。如果用户尝试输入小于1的数字，浏览器会阻止提交表单并显示一个错误消息。

相关问题

html表单如何控制输入数字的范围

在 HTML 表单中，可以使用 "input" 元素的 "min" 和 "max" 属性来控制输入数字的范围。

示例代码：

<form>
  <label for="number">输入一个数字（1-100）：</label>
  <input type="number" id="number" name="number" min="1" max="100">
  <input type="submit" value="提交">
</form>

在上面的示例中，我们使用 "input" 元素的 "type" 属性设置为 "number"，这样用户只能输入数字。然后，通过设置 "min" 属性为最小值（这里是 1），和 "max" 属性为最大值（这里是 100），来限制输入的范围。

当用户在表单中输入一个数字时，浏览器会验证输入的值是否在指定的范围内。如果超出了范围，浏览器会在提交表单前阻止用户提交，并给出相应的错误提示。

需要注意的是，前端的验证只是对用户友好的提示，并不能完全依赖于它。后端仍然需要对用户提交的数据进行验证，以确保数据的正确性和安全性。

iview表单验证输入框只能输入大于0的数字

你可以使用 `rules` 属性来实现这个需求。具体实现方式如下：

<template>
  <Row>
    <i-col span="8">
      <Form :model="form">
        <FormItem label="数字">
          <Input v-model="form.number" />
        </FormItem>
        <FormItem>
          <Button type="primary" @click="submitForm">提交</Button>
        </FormItem>
      </Form>
    </i-col>
  </Row>
</template>

<script>
export default {
  data() {
    return {
      form: {
        number: ''
      }
    }
  },
  methods: {
    submitForm() {
      this.$refs.form.validate(valid => {
        if (valid) {
          console.log('验证通过')
        } else {
          console.log('验证失败')
        }
      })
    }
  },
  mounted() {
    // 自定义验证规则
    this.$refs.form.addRule('number', v => Number(v) > 0 || '请输入大于0的数字')
  }
}
</script>

在该示例中，我们首先定义了一个表单，其中包含一个数字输入框和一个提交按钮。然后，我们在 `mounted` 钩子函数中定义了一个自定义验证规则，该规则要求输入的值必须是大于 0 的数字。最后，我们在 `submitForm` 方法中调用了表单的 `validate` 方法，以验证输入的值是否符合规则。

注意：在自定义验证规则时，我们需要通过 `this.$refs.form.addRule` 方法来添加规则，其中第一个参数为要验证的字段名，第二个参数为验证规则函数，如果验证失败，需要返回一个错误提示信息。