html - 如何验证文本区域中的模式匹配？

Question

当我在带有无效值的 javascript 中使用 textarea.checkValidity() 或 textarea.validity.valid 时，它们总是返回 true，我做错了什么？

<textarea name="test" pattern="[a-z]{1,30}(,[a-z]{1,30})*" id="test"></textarea>​

jQuery('#test').on('keyup', function() {
    jQuery(this).parent().append('<p>' + this.checkValidity() + ' ' +
    this.validity.patternMismatch + '</p>');
});

http://jsfiddle.net/Riesling/jbtRU/9/

Answer 1

HTML5 <textarea>元素不支持 pattern属性。

参见 MDN doc允许<textarea>属性。

您可能需要自己定义此功能。

或者遵循定义 JavaScript/jQuery 函数的传统 HTML 4 做法来执行此操作。