vant form表单自定义校验方法

vant框架中的Form组件提供了一套强大的表单验证功能。如果你想自定义校验方法，你可以通过设置`rules`属性来实现。在这个规则对象中，可以包含各种预设的验证规则，比如`required`、`email`等，也可以添加自定义函数。

例如，你可以创建一个名为`customValidate`的函数，它接受当前字段的值作为参数，并根据你的业务逻辑返回一个布尔值来表示是否通过验证：

import { Form } from 'vant';

function customValidate(value) {
  // 根据你的需求编写验证逻辑，如检查密码复杂度、邮箱格式等
  if (!value || value.length < 6) {
    return false;
  }
  return true;
}

Vue.use(Vant);

new Vue({
  el: '#app',
  data: {
    rules: {
      password: [{ type: 'string', required: true, message: '请输入密码', trigger: 'blur' }, customValidate]
    },
    formData: {}
  },
  components: {
    Form,
    // ... 其他组件
  },
  methods: {
    submitForm() {
      this.$form.validate((valid) => {
        if (valid) {
          console.log('提交成功');
        } else {
          console.log('验证失败');
        }
      });
    }
  }
});

在这个例子中，当用户离开密码输入框时（`trigger: 'blur'`），`customValidate`会被调用。如果验证失败，`message`会显示在错误提示上。