javascript - 如何在输入更改时显示 HTML5 验证消息？

Question

我不想提交一个表单，因为我执行了 AJAX 调用，但我希望在输入为空时显示 html5 验证消息。

我设法在单击按钮时显示消息，但我真正想要的是在输入更改时显示它。

这有效:

$('#link').click(function() {
    if (!$('#form')[0].checkValidity()) {
        $('#submit').click();
    }
});

但不是这个:

$('#input').change(function() {
    if (!$('#form')[0].checkValidity()) {
        $('#submit').click();
    }
});

请参阅此处的现场演示:http://jsfiddle.net/1anyLswt/2/

如果您清空该字段然后单击“测试”，则会显示消息:确定。

如果清空该字段然后按 Enter 键，则会显示消息:确定。

但是，如果您清空该字段然后单击其他位置，则不会显示消息:KO。

感谢您的帮助。

Answer 1

试试我的FIDDLE

$('#input').keyup(function() {
   if (!$('#form')[0].checkValidity()) {
       $('#submit').click();
   }
});