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

当我在 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/ http://jsfiddle.net/Riesling/jbtRU/9/

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

See the MDN doc https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea对于允许的<textarea>属性。

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

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