18位字母数字校验

依古比古学前端

已于 2022-02-25 11:19:14 修改

阅读量601

点赞数 1

分类专栏：自我工作总结知识文章标签： react

于 2021-10-19 15:49:45 首次发布

本文链接：https://blog.csdn.net/qq_45029750/article/details/120847751

版权

自我工作总结知识专栏收录该内容

1 篇文章 0 订阅

订阅专栏

18位字母数字校验：

const otherRules = [
  {
    validator: (a: any, b: any, callback: any) => {
      console.log('callback',callback)
      if (b) {
        if (!/^[A-Za-z0-9]+$/.test(b)) {
          callback("只能输入数字、字母");
        } else if (b.length === 18 || !b) {
          callback();
        } else {
          callback("必须为18位数字、字母");
        }
      }
      callback()
    },
  },
];

18位校验：

const otherRules = [
	{
		validator: (a: any, b: any, callback: any) => {
			if (Number(b).toString().length === 18 || !b) {
				callback();
			} else {
				callback('必须为18位数字');
			}
		},
	},
];

input框：

<Form.Item
          shouldUpdate={(pre, next) =>
            pre.invoice_option !== next.invoice_option ||
            pre.customer_type !== next.customer_type
          }
          noStyle
        >
          {({ getFieldValue }) =>
            <Form.Item
              label='纳税人识别码'
              name='license_no'
              rules={(getFieldValue("invoice_option") === "0" ||
                getFieldValue("customer_type") === "1") ? otherRules : [{
                  required: true,
                  message: "必填",
                }, ...otherRules]}
            >
              <Input placeholder='请输入纳税人识别码' />
            </Form.Item>

          }
        </Form.Item>