javascript - 在 event.preventDefault 之后显示 HTML5 客户端验证错误气泡

Question

在使表单的默认行为无效后，我想显示 HTML5 客户端验证错误气泡。

我确实尝试了以下代码，但它不起作用。

有任何想法吗？

validateForm: function (event) {
    event.preventDefault();
    // some code
    console.log(this.$el.find('form')[0]); // it display the form I would like to validate
    this.$el.find('form')[0].checkValidity();
});

Answer 1

您可以通过以下方式改进有关 validateForm 的代码：

validateForm: function (event) {
    event.preventDefault();
    // some code
    event.currentTarget.checkValidity();
});

如果它不起作用，问题将与您如何调用 validateForm 函数有关。

如果您在 a 中Backbone.View，正如我想的那样，因为您使用的是“this.$el”，您应该以这种方式简单地编写事件对象：

events: {
    'submit form': 'validateForm'
    // 'click button': 'validateForm' // this way does not work
}