ant-vue input type=number时，max-length长度设置失效

<a-inputv-decorator="['customerPhone',{rules: [{required: true, message: '请输入正确的客户电话', pattern: '^[0-9]*$'}]}]"placeholder="请输入":maxLength="12"/>input类型默认为text的时候 maxlength才有效，然后在加下数字校验.

周18

5038人浏览 · 2020-05-25 15:29:44

周18 · 2020-05-25 15:29:44 发布

 <a-input
              v-decorator="['customerPhone',{rules: [{required: true, message: '请输入正确的客户电话', pattern: '^[0-9]*$'}]}]"
              placeholder="请输入"
              :maxLength="12"
              />

input类型默认为text的时候 maxlength才有效，然后在加下数字校验

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^