uni-app 关于表单校验的一个特殊用法,看看你了解吗?

我们都知道根据身份证号是可以区别性别的，当用户勾选的性别与身份证号性别不符时，要以身份证号中的性别为准，这就要求判断身份证号中性别与勾选的性别是否相同。

 

实现的关键步骤：

• 身份证号中第17位用来标识性别，偶数为女，奇数为男。
• uni-app官网 这里看一下validateFunction 可以识别身份证男女 确认密码等

• validateFunction 自定义数据校验的逻辑，返回值为 true 表示验证通过，验证不通过时调用 callback 方法。

// 表单验证规则
const formRules = {
  name: {
    rules: [
      { required: true, errorMessage: '请填写患者姓名' },
      {
        pattern: '^[\u4e00-\u9fa5]{2,5}$',
        errorMessage: '患者姓名为2-5位中文',
      },
    ],
  },
  idCard: {
    rules: [
      { required: true, errorMessage: '请输入身份证号' },
      {
        pattern:
          '^[1-9]\\d{5}(?:18|19|20)\\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\\d|30|31)\\d{3}[\\dXx]$',
        errorMessage: '身份证号格式不正确',
      },
    ],
  },
  gender: {
    rules: [
      { required: true, errorMessage: '请勾选患者姓名' },
      {
        validateFunction(rule, value, data, callback) {
          // 检测身份证号第17位是否为偶数
          if (data.idCard.slice(16, 17) % 2 !== value) {
            callback('选择的性别与身份号中性别不一致')
          }
					// 验证通过时返回 true
          return true
        },
      },
    ],
  },
}

 完整效果如下: