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 函数有关。

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

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