uni-forms组件在提交时效验怎么设置

使用 uni-forms 组件进行提交时，可以在表单中设置 `validates` 属性来进行验证。`validates` 属性是一个数组，其中每个元素都是一个验证规则对象，可以使用内置的验证规则或自定义验证规则。示例代码如下：

<template>
  <uni-forms ref="form" @submit="onSubmit">
    <uni-form-item label="用户名" name="username" type="text" :validates="[
      { required: true, message: '请输入用户名' },
      { min: 3, max: 10, message: '用户名长度应为3-10个字符' },
      { pattern: /^[a-zA-Z0-9_]+$/, message: '用户名只能包含字母、数字和下划线' }
    ]" />
    <uni-form-item label="密码" name="password" type="password" :validates="[
      { required: true, message: '请输入密码' },
      { min: 6, max: 20, message: '密码长度应为6-20个字符' }
    ]" />
    <uni-form-submit text="登录" />
  </uni-forms>
</template>

<script>
export default {
  methods: {
    onSubmit() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单验证通过，进行提交操作
        } else {
          // 表单验证失败，提示错误信息
          uni.showToast({
            title: '表单验证失败',
            icon: 'none'
          })
        }
      })
    }
  }
}
</script>

在上面的示例代码中，`uni-form-item` 组件中的 `validates` 属性设置了多个验证规则，包括必填、长度范围和正则表达式验证。`uni-form-submit` 组件的 `text` 属性设置了提交按钮的文本内容。在 `onSubmit` 方法中，首先调用 `this.$refs.form.validate()` 方法进行表单验证，如果验证通过，则执行提交操作，否则提示错误信息。