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
}

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

1 个答案: