Hacer Pregunta

Conecta

entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

validacion de campos

preguntó
Web
894 Vistas
1 Respuestas
solucionada

buenas estoy utilizando bootsrap 3 una herramienta llamada nav - tabs
http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=tabs-with-icons

tengo campos en las tabs
en el primero digamos los datos registro
nombre,apellido genero direccion etc

en el segundo
trabajo,tel, direccion,ocupacion etc

lugar de nacimiento
estado, municipio, direccion etc

mi pregunta es como puedo
yo al momento de dar click(basandonos en el ejemplo del lik)

si estoy en el TAB de registro
y me falto llenar un campo que yo al momento de tratar de cambiar de TAb me muestre que falto el campo vacio

por erick (1.770 puntos) en Web

1 Respuesta

2votos

white Puntos75880

Aca te dejo un código simple que valida un formulario en bootstrap.

https://gist.github.com/ksprwhite/f764a22cfb6758c7f9c4

lo hize nada dinamico para el usuario pensando en que querras editarlo

simplemente agrega las reglas en el switch en la propiedad checkInput

si algo no es valido regresas esto:

return this.helper.apply(input, ['un error cualquiera', 'error']);

que muestra un popover en bootstrap con el error, el segundo parametro para la propiedad helper es el estado: success, error o info.

tienes que agregar los inputs en cada elemento .tab-pane.

demo:

https://jsfiddle.net/sj6kek52/embedded/result/
https://jsfiddle.net/sj6kek52/

por white (75.880 puntos)
seleccionada por

0voto

erick comentado

ahh ok gracias hermano lo checare, cualquier duda te pregunto

por erick (1.770 puntos)
movido por

0voto

erick comentado

ahh ok gracias hermano lo checare, cualquier duda te pregunto

por erick (1.770 puntos)

0voto

erick comentado

ya lo cheque hermano con mi codigo y no funciona y descargue tu ejemplo y tampoco!! que podria ser saludos!!

por erick (1.770 puntos)

0voto

carlossevi comentado

La demo funciona perfectamente y me ha encantado el huevo de pascua ;-)

por carlossevi (63.580 puntos)

0voto

erick comentado

buenas master, efectivamente ami tambien funciona el ejemplo en el jsfield , nadamas que en mi PC no , si esta muy bueno el proyecto :D

por erick (1.770 puntos)

0voto

erick comentado

creo que el problema es que el archivo java scipt no me lo acepta el nativo de bootstrap

por erick (1.770 puntos)

0voto

white comentado

gracias @carlossevi :P

@erick Aca te dejo el código más actualizado: https://jsfiddle.net/sj6kek52/1/ necesitas jquery, bootstrap.js y bootstrap.css.

le agrege una funcion para crear tus propias reglas de mejor manera.

creas una nueva instancia:

var validation = new FormValidation('.form-validation form');

agregas la regla con la propiedad addRules()

sintaxis:

addRules(String fieldname, function callback)

fieldname: es el nombre de un campo en el formulario, según su atributo name
callback: es una funcion que regresara un arreglo con dos valores el mensaje y el status.

validation.addRules('username', function(value)
{
    if(value === 'ed-dev')
        return ['nombre de usuario en uso.', 'error'];
});

https://db.tt/e0gaZSWT

saludos!

por white (75.880 puntos)

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


Sin Respuesta

Preguntas relacionadas

Actividad Reciente

Ultimas Preguntas

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Etiquetas

Categorías

Conecta