antd表单常用验证规则

1. 只能输入数字
 <Item label="code">
   {getFieldDecorator("code", {
     initialValue: code,
     rules: [
       {
         required: true,
         message: "请输入code"
       },
       {
         required: false,
         pattern: new RegExp(/^[1-9]\d*$/, "g"),
         message: ‘请输入正确的code‘
       }
     ],
     // 加上这个操作只能输入数字  输入字符串是不被允许的,也输入不进去
     getValueFromEvent: (event) => {
       return event.target.value.replace(/\D/g,‘‘)
     },
   })(
     <Input placeholder="请输入code" autoComplete="off" />
  )}
</Item>
2. 手机号判断验证
 <Item label="phone">
   {getFieldDecorator("phone", {
     initialValue: phone,
     rules: [
       {
         required: true,
         message: "请输入手机号"
       },
       {
         required: false,
         pattern: new RegExp(/^1(3|4|5|6|7|8|9)\d{9}$/, "g"),
         message: ‘请输入正确的手机号‘
       }
     ],
     getValueFromEvent: (event) => {
       return event.target.value.replace(/\D/g,‘‘)
     },
   })(
     <Input placeholder="请输入手机号" maxLength={11} autoComplete="off" />
  )}
</Item>
3. 身份证校验
 <Item label="IDCard">
   {getFieldDecorator("IDCard", {
     initialValue: IDCard,
     rules: [
       {
         required: true,
         message: "请输入身份证"
       },
       {
         required: false,
         pattern: new RegExp(/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/, "g"),
         message: ‘请输入正确的身份证‘
       }
     ],
    
   })(
     <Input placeholder="请输入身份证" maxLength={18} autoComplete="off" />
  )}
</Item>

antd表单常用验证规则

上一篇:Doxygen注释块


下一篇:How to allow cron to run for one particular user even if password is expired