javascript - Bootstrap 模式对话框中的验证

Question

我正在使用 Bootstrap 2。

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

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

Select2 是否有强制/必需的属性？对话框的“保存”按钮是否可以链接到检查 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;
  }
});