html5 输入模式属性在表单外不起作用？

Question

this fiddle按预期工作 - 当用户输入无效的国家/地区代码时，它会显示警告。

This other fiddle , 没有 form 元素，是行不通的。似乎输入的 pattern 属性需要一个 form 来验证。顺便说一句，我正在做一个没有表单的复杂页面，我想用 `pattern 验证我的输入字段。有办法吗？

Answer 1

这是因为验证是 HTML5 表单 验证的一部分 (http://www.w3.org/TR/html5/forms.html#client-side-form-validation)。提交表单时会触发验证，如果有任何错误，提交将被取消。

要手动触发它，请在元素上使用 checkValidity() 函数:

$('input').blur(function(evt) {
    evt.target.checkValidity();
}).bind('invalid', function(event) {
   alert('oops');
});

http://jsfiddle.net/y66vH/3/