1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Validar Input con Javascript

Tema en 'Javascript' comenzado por karolina, 15 de Noviembre de 2016.

  1. karolina

    karolina Miembro

    Se incorporó:
    4 de Diciembre de 2015
    Mensajes:
    45
    Me gusta recibidos:
    8
    Puntos de trofeos:
    8
    Género:
    Mujer
    Hola me encuentro terminando mi proyecto de php y estoy haciendo las validaciones de los formularios con javascript pero no se como validar el campo de la fecha
    HTML:
     <input type="date" name="fecha" id="dato" value="2016-01-01">
    la cuestion se que hay muchos sitios y videos pero me gusta siempre pedir ayuda de HDW
    Agradesco cualquier ayuda gracias.
     
  2. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.005
    Me gusta recibidos:
    399
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    y como quieres validarlo en que sentido?
     
  3. karolina

    karolina Miembro

    Se incorporó:
    4 de Diciembre de 2015
    Mensajes:
    45
    Me gusta recibidos:
    8
    Puntos de trofeos:
    8
    Género:
    Mujer
    Pues precisamente eso me pregunto si se puede validar o si haya una forma de hacer eso
    Pero por tu respuesta lo que pido es algo estupido cierto?
    pero igual como vez la fecha por defecto que pongo con el value es "2016-01-01" si el usuario no cambia esta fecha de todos modos se insertara, y lo ideal es que el usuario al insertar seleccione cada vez distinta fecha no crees.
    pero si fuera de type text y el usuario tuviera que digitar la fecha eso si se podria cierto?
    para que digite año/mes/dia como debe ser y no inserte los valores como le plazca = mysql tiene un orden en cuanto a la insercion de la fecha
    del campo tipo date.
     
    Última modificación: 16 de Noviembre de 2016
  4. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.005
    Me gusta recibidos:
    399
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    eso podrias hacerlo con un if que si la fecha es igual a "2016-01-01" muestre un mensaje de error
     
  5. Dawud

    Dawud Miembro Activo

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    310
    Me gusta recibidos:
    232
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco

    hola .. puedes validarlo con un condicional el campo fecha... Pero ante debe extraer el nombre valor del campo de la fecha
    Por ejemplo:
    Código (Javascript):


    var fecha = $("#dato").val();  // con jquery
    var fecha = document.getElementById("dato").value;  // con JavaScript

    Posteriormente
    if(fecha == "" ) { // si es igual a null
       alert("Debes sleccionar una fecha...");
    }else{
       //continua con el proceso ...
    }
     
    Bueno pos a mi me ha funcionado, no es algo que digamos tan nuevo, pero además hay otra manera de validarlo.. pero creo que este puede ayudar si no pos otro compañero héroe te dará otra solución...

    En las siguientes imágenes se muestran el campo type=date, en el cual al momento de presionar el botón guardar,
    El JS anterior comprueba si el campo está vació notifica un mensaje de error como puedes observar:

    input[type="date"]

    No tengo seleccionado Fecha

    example1.jpg

    Selecciono el día solamente y ha volver a validar notifica aun el mensaje de error

    example2.jpg

    Pos por tercera vez me notifica de nuevo el mensaje de error, el hecho de que falta el mes

    example3.jpg


    Una vez seleccionado todo.. Me notifica que la fecha es correctamente seleccionada por el usuario

    example4.jpg

    JS de mensaje anterior para fecha

    Código (Javascript):
     

    $("#btnSaveCitas").on('click', function(event){
            event.preventDefault();

                var fecha = $("#fecha").val();  // valor del input date

                if(fecha == "") {
                  $(" #mensaje02").addClass('alerts')  // agrego la clase
                  .fadeIn()                                           // Tenga una entrada haca adentro
                  .css({
                     'left' : '780px',
                     'right' : '-80px'
                   } );                                                   // Estilo de posición
                  $("#fecha").focus();                        // Activa el focus en el campo
                  return false;                                     // devuelve false
                }else{
                  $(" #mensaje02").addClass('alerts')  // agrego la clase
                   .html("Fecha correcta")                  // Agrega nuevo texto
                  .fadeIn()                                           // Tenga una entrada haca adentro
                  .css({
                     'left' : '780px',
                     'right' : '-80px',
                     'background-color' : 'green'
                   } );                                                   // Estilo de posición
                  return false;                                     // devuelve false

                }

               });


    Bueno espero que te hay ayudado..
    Saludos..
     
    A karolina y AngelKrak les gusta esto.
  6. karolina

    karolina Miembro

    Se incorporó:
    4 de Diciembre de 2015
    Mensajes:
    45
    Me gusta recibidos:
    8
    Puntos de trofeos:
    8
    Género:
    Mujer
    Gracias Dawud me sirvio mil gracias
     
    A Dawud le gusta esto.

Comparte esta página