el-input表单校验默认失败

el-input表单校验默认情况下是没有校验失败的提示的，需要手动设置错误提示信息。可以通过设置`rules`属性来实现表单校验，同时在`rules`属性中设置`message`属性来设置错误提示信息。例如：

<template>
  <el-input v-model="inputValue" :rules="rules"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      rules: [
        {
          required: true,
          message: '请输入内容',
          trigger: 'blur'
        }
      ]
    }
  }
}
</script>

在上面的示例中，设置了一个`required`校验规则，当用户未输入内容时，会触发校验失败，并提示`'请输入内容'`的错误信息。`trigger`属性表示校验的触发方式，这里设置为`blur`表示在输入框失去焦点时触发校验。

相关问题

el-input表单校验只能输入数字

，如何实现？

您可以使用正则表达式来校验输入内容是否为数字。在el-input组件中，设置属性v-model为一个数据变量，然后在该组件上设置属性v-bind:rules为一个数组，数组中包含一个对象，对象中设置validator属性为一个函数，该函数接收两个参数(value,callback)，value为用户输入内容，callback为回调函数。在validator函数中，使用正则表达式判断输入内容是否为数字，如果匹配则调用callback(true)表示验证通过，否则调用callback('请输入数字')表示验证失败。例如：

<el-input v-model="inputValue" v-bind:rules="[ { validator: checkNumber, message: '请输入数字' } ]"></el-input>

function checkNumber(value, callback) {
if (/^\d+$/.test(value)) {
callback(true);
} else {
callback('请输入数字');
}
}

el-input-number表单校验

对于 el-input-number 组件的表单校验，你可以使用 Element UI 提供的表单验证规则（rules）来实现。下面是一个简单的示例：

首先，你需要在 data 中定义一个表单校验规则：

data() {
  return {
    rules: {
      // 输入不能为空
      required: [
        { required: true, message: '该字段不能为空', trigger: 'blur' }
      ],
      // 输入必须是数字
      number: [
        { type: 'number', message: '请输入数字', trigger: 'blur' }
      ],
      // 输入必须在一定范围内
      range: [
        { type: 'number', min: 1, max: 100, message: '请输入1到100之间的数字', trigger: 'blur' }
      ]
    }
  }
}

然后，在 el-input-number 组件上使用这些规则：

<el-form :model="form" ref="form" :rules="rules">
  <el-form-item label="数字" prop="number">
    <el-input-number v-model="form.number" :min="1" :max="100"></el-input-number>
  </el-form-item>
</el-form>

最后，在提交表单时进行校验：

methods: {
  submitForm() {
    this.$refs.form.validate(valid => {
      if (valid) {
        // 表单校验通过，进行提交操作
      } else {
        // 表单校验不通过
      }
    });
  }
}

这样，当用户在 el-input-number 输入框中输入内容时，会根据定义的规则进行校验，并在校验不通过时显示相应的提示信息。

希望能对你有所帮助！如果还有其他问题，请随时提问。