Soy nueva con jquery. Tengo un formulario, que me sirve para dar de alta, ya tengo la funcionalidad lo que pretendo lograr es darle formato al formulario en su validación como por ejemplo, facebook cuando la contraseña es incorrecta marca el cuadro de texto de rojo y agrega un span sobre el inputText.
Éste es mi código HTML
<div id="detailsDialog" class="box-primary" title="Alta de ubicación" style="border-radius:3px" hidden="hidden">
<form id="detailsForm" class="form-group">
<div class="details-form-field">
<label for="ubicacion">Ubicación:</label>
<input id="txtUbicacion" name="txtUbicacion" type="text" class="form-control" style="text-transform:uppercase" />
</div>
<div class="details-form-field">
<label for="sucursal">Sucursal:</label>
<input id="txtSucursal" name="txtSucursal" type="text" class="form-control" />
</div>
</form>
<div class="col-xs-12"></div>
<div class="col-xs-8" style="margin-top: 10px"></div>
<div class="form-group col-xs-2" style="margin-top: 10px">
<button type="button" id="btnAdd" class="btn btn-primary" onclick="altaUbicacion()">Agregar</button>
</div>
</div>
Aquí mi función (la única validación que requiero es que los campos no estén vacíos al dar clic sobre el boton "btnAdd")
function altaUbicacion() {
if ($('#txtUbicacion').val() == '' || $('#txtSucursal').val() == '')
{
alert('Debe llenar todos los campos');
}
else
{
$("#detailsDialog").dialog("close");
alertify.confirm('Aviso', '¿Está seguro de proceder?', function () {
$.ajax({
type: "POST",
url: 'Alta?ubicacion=' + $('#txtUbicacion').val() + '&sucursal=' + $('#txtSucursal').val(),
success: function (msj) {
debugger;
if (msj.Result === 'OK') {
alertify.alert('<img src="/Images/exito.png" height="40" width="40"> ' + msj.mensaje, function () { consulta(); });
}
else {
alertify.alert('<img src="/Images/error2.jpg" height="40" width="40"> ' + msj.mensaje, function () { consulta(); });
}
}
});
}
, function () {
alertify.error('Proceso cancelado')
});
}
}
Estaré muy agradecida si alguien puede apoyarme, saludos.