需要在表单验证中忽略 bootstrap 模态验证

Question

我有一个带验证的表单，我有一个内部模态，它拥有验证。当我打开模式并在未填写任何数据的情况下关闭它时，表单无效，因此我无法提交表单。这就像模态上的验证使我的表单无效。

我需要的是模态和表单验证分开进行

我的代码：

$().ready(function () {
   moment.locale('es');
   $('form').validate({
      ignore: "",
      rules: {
        'SolicitudVacaciones.SolicitanteNombreUsuario': { required: true },
        'SolicitudVacaciones.SolicitudFecha': { required: true, argentinianDate: true },
        'SolicitudVacaciones.LicenciaId': { required: true, numero: true },
        'SolicitudVacaciones.PeriodoVacaciones': { required: true, numero: true },
        'SolicitudVacaciones.LimiteDiasPeriodo': { required: true, numero: true },
        'SolicitudVacaciones.DiasDispPeriodo': { required: true, numero: true },
        'SolicitudVacaciones.SolicitudEstadoId': { required: true, numero: true }
     } //end validation rules
   });
   $('#mdlSolicitudVacaciones').validate({
     rules: {
        'txtDíassolicitados11': { required: true, numero: true },
        'dtFechadesde11': {
            required: true,
            argentinianDate: true
        },
        'dtFechahasta13': {
            required: true,
            argentinianDate: true
        },
        'dtFechareincorporación14': {
            required: true,
            argentinianDate: true
        }
     }
  });
});



<input type="submit" id="btnAceptar" class="btn btn-blue" data-role="none" value="@Resources.Resource.btnAceptar" onclick="return sendForm();" />

请注意，在 "sendForm()" 方法中，有一个 if (!$('form').valid()) return bState; 完成我所解释的后它变成了错误

谢谢！

Answer 1

问题是参考 form 您正在验证所有表单。

更改 $('form').validate({

到要验证的特定表单的 ID

需要在表单验证中忽略 bootstrap 模态验证

Need to ignore bootstrap modal validation in form validation

javascript

validation

jquery

modal-dialog

bootstrap-modal