No tengo mucho conocimiento sobre bootstrap. Quiero hacer una condicion para desplegar la ventana modal. Si los campos A y B estan vacíos, quiero mostrarla. de lo contrario no se debe mostrar. Este es mi codigo:
if(username=='undefined' && password=='undefined'){
console.log(username);
$('#myModal').modal({
show:true
});
login.username="";login.password="";
}else{
$('#myModal').modal({
show:false
});
}
<form>
<button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-info" ng-click="login.ingresar()">Aceptar</button>
</form>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close cerrarModal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
Lo que necesito en si es validar unos campos, para lo que quiero desplegar una ventana modal con los errores en caso de que los campos esten vacios, pero cuando no lo esten, necesito que el formulario se envíe. Pueden darme una guía porfis? Actualmente se muestra esten o no esten llenos los campos