antd-vue在Modal组件中使用form组件

1
  <a-form-item
2
    v-bind="formItemLayout"
3
    label="密码"
4
  >
5
    <a-input
6
      type="password"
7
      v-decorator="[
8
        'password',
9
        {
10
          rules: [{
11
            required: true, message: '请输入密码',
12
          }, {
13
            validator: validateToNextPassword,
14
          }]
15
        }
16
      ]"
17
    />
18
  </a-form-item>
19

20
  validateToNextPassword  (rule, value, callback) {
21
    let pattern = /^[a-zA-Z][a-zA-Z0-9_]*$/
22
    if(value) {
23
      if (!pattern.test(value)) {
24
        callback(new Error('字母数字下划线组成'))
25
      } else {
26
        callback()
27
      }
28
    } else {
29
      callback()
30
    }
31
  }