基于element-ui常见的表单验证_elenemt 表单必填手机号-CSDN博客

本文链接：https://blog.csdn.net/weixin_43790802/article/details/121329182

本文介绍了基于Element-UI的表单验证实现，包括手机号验证、不小于0的数字值验证和不小于0的整数值验证。通过示例代码详细展示了如何编写校验规则，确保用户输入符合特定格式要求，从而提升前端表单数据的准确性和安全性。

摘要由CSDN通过智能技术生成

基于element-ui常见的表单验证

1必填&手机号

    let checkPhone = (rule, value, callback) => {
      if (!value) {
        callback(new Error("请输入手机号"));
      } else {
        setTimeout(() => {
          if (
            !/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(
              value
            )
          ) {
            callback(new Error("请输入正确的手机号"));
          } else {
            callback();
          }
        });
      }
    };

2 必填&不小于0的数字值

    let checkNum = (rule, value, callback) => {
      if (!value) {
        callback(new Error("请填写..."));
      } else {
        setTimeout(() => {
          if (!/^[0-9]+.?[0-9]*$/.test(value)) {
            callback(new Error("请输入不小于0的数字值"));
          } else {
            if (value < 0) {
              callback(new Error("不得小于0"));
            } else {
              callback();
            }
          }
        });
      }
    };

3 必填&不小于0的整数值

    let checkInt = (rule, value, callback) => {
      if (!value) {
        callback(new Error("请输入值"));
      } else {
        setTimeout(() => {
          if (!/^\+?[1-9][0-9]*$/.test(value)) {
            callback(new Error("请输入不小于0的整数值"));
          } else {
            if (value < 0) {
              callback(new Error("输入的值不得小于0"));
            } else {
              callback();
            }
          }
        });
      }
    };