当用户在Twitter Bootstrap 3.1模式对话框中单击时，如何防止单击事件之前的模糊事件！

Question

我正在使用twitterbootstrap 3.1.0，并且我有一个模态。我希望每当用户在模态之外单击时都隐藏该模态（因此我使用了data-backdrop="true"并可以正常工作。）

我的模态对话框有一个焦点输入元素，该元素具有字段验证，并且每当显示模态对话框时，该输入框都会被聚焦。在该输入框模糊时，将进行验证并相应地引发错误。（我希望这种逻辑保持不变）。 !!

我的问题是每当用户在模式对话框外单击时，它就会消失，并显示一条错误消息（输入字段的字段验证）。由于单击前触发了模糊事件，它会显示错误消息，然后模式对话框消失。

我不希望在显示模式对话框之前显示字段验证消息。

请帮忙 ！ 提前致谢。

Answer 1

单击前会模糊，您无法更改它。 我的建议是将验证从模糊转移到单击按钮（我猜您必须具有“确定”或“提交”按钮）。 这样可以解决您的问题。

我也有一些技巧（我建议反对）。 由于您遇到了这个问题，我假设您使用动画制作了模态皮革

1. 隐藏模态而不使用动画。 该消息仍将在那里，但是您将没有时间看到它。

2. 如果您想知道动画时间，可以在该时间之后使用setTimeout来检查模态是否仍然可见。 如果是，则显示错误消息，否则不显示。

说模态消失需要1秒，您可以尝试这样的操作

// Inside blur callback function

setTimout(function(){
    if($("#modal").is(":visible")) {
        // show error message
    }
},1100); //1.1 seconds

在您的方案中，我还是会更喜欢使验证远离模糊:)