在bootstrap模式对话框中进行验证

Question

我正在使用Bootstrap 2.

在表单中我有一个打开引导模式对话框的按钮。在bootstrap模式对话框中，我有一个select2控件，我想验证它。即我想在select2控件中至少有一个值。在关闭对话框之前，如何将select2控件验证为必填字段？

注意：关闭对话框不会提交表单。

Select2是否有强制/必需属性？对话框的Save按钮是否可以链接到检查select2控件？

我正在使用MVC4，bootstrap 2，razor。

Answer 1

Bootstrap模态组件在关闭时触发hide事件。 您应该为此事件注册处理程序，进行验证，并在需要时防止冒泡。

例如：

$('#myModal').on('hide', function (evt) {
  var isValid = // make your validation
  if (!isValid) {
    event.preventDefault();
    event.stopImmediatePropagation();
    return false;
  }
});