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

使表格的默认行为无效后，我想显示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();
});

最佳答案

您可以通过以下方式改进有关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
}

关于javascript - 在event.preventDefault之后显示HTML5客户端验证错误气泡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11561051/