有几种方法可以做到这一点。对于您的情况,您可以使用负前瞻:
<input type="text" id="categoryId" data-constraints="@Pattern(regex=/^(?!.*[0-9]-[A-Z]{3}-[0-9]{4})/)" />
我不确定这对于更复杂的正则表达式是如何工作的,但如果是这种情况,我想你可以创建一个自定义约束:
regula.custom({
name: "NotPattern",
params: ["regex"],
defaultMessage: "The value must not match {regex}.",
validator: function(params) {
var regex = new RegExp(params["regex"]);
return !regex.test(this.value);
}
});
您甚至可以在@Pattern
验证器函数中使用内置验证器,如下所示:
regula.custom({
name: "NotPattern",
params: ["regex"],
defaultMessage: "The value must not match {regex}.",
validator: function(params, validator) {
return !validator.pattern(this, params);
}
});
然后你可以像这样在你的输入元素中使用它:
<input type="text" id="categoryId" data-constraints="@NotPattern(regex=/[0-9]-[A-Z]{3}-[0-9]{4}/)" />
我建议使用第二种方法,因为您可以传入内置@Pattern
验证器支持的参数,例如flags
正则表达式标志。这也是内置验证器的适当反转。
编辑:我认为添加一个可选参数可能会很有用,@Pattern
以便您可以反转模式。所以基本上(假设这个功能已经实现)你所要做的就是:
<input type="text" id="categoryId" data-constraints="@Pattern(regex=/[0-9]-[A-Z]{3}-[0-9]{4}/, invert=true)" />
我会把它放在我的待办事项清单上。