在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，因为我想，因为你正在使用“这个$ EL”，你应该写的事件以这种方式简单对象：

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