ant design 表单验证只能输入英文

### 设置表单验证规则以确保只能输入英文字符

为了确保在 Ant Design 中的表单项只接受英文字符，可以通过配置 `pattern` 属性来应用正则表达式验证。具体来说，在 `<a-form-item>` 组件内定义 rules 数组，并指定所需的校验条件。

对于仅允许英文字母的情况，可以使用正则表达式 `/^[A-Za-z]+$/` 来匹配由大小写英文字母组成的字符串[^3]。下面是一个具体的例子：

<template>
  <a-form :form="form">
    <!-- Username field -->
    <a-form-item label="Username" name="username"
                 :rules="[ { required: true, pattern: /^[A-Za-z]+$/, message: '请输入有效的用户名(仅支持字母)' } ]">
      <a-input v-decorator="['username']"/>
    </a-form-item>

    <!-- Submit button -->
    <a-button type="primary" html-type="submit">提交</a-button>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      form: this.$form.createForm(this),
    };
  },
};
</script>

在这个实例中，当用户尝试提交包含非字母字符的数据时，将会显示自定义的消息 "请输入有效的用户名(仅支持字母)" 提醒用户修正输入内容。