vant两个输入框用一个校验

如果你想要实现两个输入框使用同一个校验规则，可以使用 `van-form` 组件的 `validate` 方法来手动触发校验。

下面是一个示例，展示了如何使用 Vant 实现两个输入框使用同一个校验规则：

<template>
  <van-form ref="form" @submit="onSubmit">
    <van-field
      v-model="username"
      label="用户名"
      placeholder="请输入用户名"
      :rules="rules"
    />
    <van-field
      v-model="password"
      label="密码"
      placeholder="请输入密码"
      :rules="rules"
    />
    <van-button type="primary" native-type="submit">提交</van-button>
  </van-form>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
      rules: [
        { required: true, message: '不能为空' },
        { min: 6, max: 12, message: '长度在 6 到 12 个字符之间' }
      ]
    };
  },
  methods: {
    onSubmit() {
      this.$refs.form.validate(valid => {
        if (valid) {
          this.$toast('提交成功');
        } else {
          this.$toast('表单校验不通过');
        }
      });
    }
  }
};
</script>

在这个示例中，我们把两个输入框的校验规则都设置为了 `rules` 数组中的两个规则：必填规则和长度规则。当用户提交表单时，我们通过调用 `van-form` 组件的 `validate` 方法来手动触发校验。如果校验通过，就提交表单；否则，就提示错误信息。