javascript - 如何使用 Bootstrap 模式检查先决条件？

Question

我有一个正常工作的 Bootstrap 模式，由按钮触发:

<button type="button" class="btn btn-info mm" data-toggle="modal" data-target="#mm_modal" data-req="foo">

此模式适用于表单中的一些数据。如果表单数据验证失败，我想显示警报并且根本不显示模式。我该怎么做？

我尝试添加一个功能:

$('button.mm').click( function(ev)
{
    var req = $(ev.currentTarget).data('req');
    if ( req === 'foo' )
    {
        alert('Foo not supported'); 
        throw new Error('Foo not supported');
    }
}

警报显示正确，但抛出似乎并未中止执行；无论如何，Bootstrap 模式都会继续显示。

Answer 1

解决方案(已测试且有效):

使用 ev.stopPropagation(); 而不是 throw new Error('Foo not support'); 并且模式不会显示。

注意使用ev.preventDefault();不会阻止模态框的显示。

stopPropagation 和 preventDefault 之间的区别:here

希望有帮助。