[英]Why is the regex “\d+(-\d+)?[A-Z]?” not matching the string “180-186” in a HTML5 pattern attribute?
我有以下 HTML5 表格:
<form id="address-form" method="POST">
// ...other inputs that work fine
<input type="text" name="street_number" class="form-control" placeholder="Street No.*" tabindex="3" required pattern="\d+(-\d+)?[A-Z]?" title="Please enter only digits separated by a single optional hyphen, with a single optional letter suffix.">
<input type="text" name="street_address" class="form-control" placeholder="Address*" tabindex="4" required pattern="[A-z ]+" title="Please enter only letters and spaces.">
// ...other inputs that work fine
</form>
以及以下 jQuery:
let form = $('#address-form');
form.find('[required]').each((i, elem) => {
invalidElem = $(elem);
// ...more unrelated code
if (elem.name === 'password1' && elem.value !== '') {
password = elem.value;
}
if (elem.name === 'password2') {
elem.setCustomValidity(elem.value === password ? '' :
'This field must match the password field.');
}
invalidElem.removeAttr('style');
return (isValid = elem.reportValidity());
});
我正在测试使用字符串“180-186”显示的第一个输入的验证,但它失败了。 为什么?
根据https://regex101.com/这在 JavaScript 中应该可以正常工作,我认为这是浏览器用来验证pattern
属性的正则表达式引擎......但是 Chrome(至少)似乎反驳了这个假设,所以如果有人明确知道我很想知道的浏览器使用的实际正则表达式引擎。
如果对任何人都不明显,则此输入需要采用地址的门牌号部分。 所以“143”、“22A”、“180-186”和“1-7A”应该都匹配,但是除了结尾之外的任何地方都应该不匹配,任何带有多个连字符、字母或任何空格的东西也不应该匹配。
我也接受任何对我对房屋或建筑编号的严格定义提出合理妥协的答案。
任何帮助将不胜感激:-)
事实证明,当我在 HTML 中键入 static 值时,VS Code 只是将我的连字符变成了一个破折号……d'oh!
无论如何,感谢所有评论试图提供帮助的人:-)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.