如何解决bootstrapValidate插件中正则表达式与冒号的冲突问题

这个问题我之前也踩过坑——bootstrapValidate默认用冒号作为规则参数的分隔符，正则里的冒号会被插件误当成分隔符，导致规则解析失败。给你两个实用的解决办法：

方法一：使用对象格式定义规则（推荐） #

bootstrapValidate其实支持传入规则对象的写法，这种方式完全避开了分隔符的问题，代码结构也更清晰，不会因为特殊字符踩坑。

示例代码：

// 用正则表达式字面量
bootstrapValidate('#input', {
  regex: {
    pattern: /^(my:track:[a-zA-Z0-9]{22})$/,
    message: 'Invalid input'
  }
});

// 或者用字符串形式的正则
bootstrapValidate('#input', {
  regex: {
    pattern: '^(my:track:[a-zA-Z0-9]{22})$',
    message: 'Invalid input'
  }
});

这种写法把规则拆成了对象属性，插件会直接读取pattern和message，完全不用考虑分隔符冲突，是最稳妥的方案。

方法二：转义正则中的冒号 #

如果坚持想用字符串形式的规则，可以把正则里的冒号用双反斜杠转义（因为JavaScript字符串中反斜杠本身需要转义，最终传给插件的是单个反斜杠），告诉插件这个冒号是正则的一部分，不是分隔符。

示例代码：

bootstrapValidate('#input', 'regex:/^(my\\:track\\:[a-zA-Z0-9]{22}$)/:Invalid input')

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