使用jQuery-validation插件实现简单手机号校验的正则问题

你当前使用的校验逻辑无法满足需求，核心问题出在正则写法上：

• 现有正则硬编码了「3位数字+可选分隔符+3位数字+同类型分隔符+4位数字」的固定号码格式，仅适配特定地区的手机号分段规则，无法兼容带+前缀的国际号码、不同分段方式的号码
• 正则额外允许了(、)两种字符输入，超出了你要求的允许字符范围
• 没有实现5-15位的输入长度限制
• 错误提示信息遗漏了允许输入的空格字符，和规则不匹配

直接替换原有的自定义校验方法即可，严格匹配你提出的两个校验要求：输入长度5-15字符、仅允许数字/空格/-/+四类字符：

jQuery.validator.addMethod(
    'phone',
    function (value, element, params) {
      return (
        this.optional(element) ||
        /^[0-9 +-]{5,15}$/.test(value)
      );
    },
    '仅允许输入数字0-9、空格、+、-，输入长度需控制在5-15个字符之间'
  );

• 首尾的^、$锚点用来匹配整个输入字符串，避免出现「字符串里包含一段符合规则的内容、其余部分是非法字符但校验通过」的问题
• 字符集[0-9 +-]明确限定了允许输入的字符范围，这里把-放在字符集最后一位，避免被正则解析为表示范围的连字符
• {5,15}直接限定了输入内容的总长度在5到15个字符之间
• 保留了原有逻辑里的this.optional(element)判断，兼容字段非必填的场景：如果该字段没有配置必填规则，空值会直接通过校验，不会触发手机号格式校验

内容的提问来源于stack exchange，提问作者Balalayka