Diseño y desarrollo web orientado al Webmaster. Recursos y tecnologías correspondientes al ámbito: Flash, PHP, ASP, AS3, AS2, Javascript, HTML, CSS, Pearl, MySQL, instalación y configuración de portales CMS, scripts y más...

Ver más
  • 2,364 Miembros
  • 704 Temas
  • 565 Seguidores
  • 0

Ayuda | Diseño de notificacion de campo requerido

Hola como les va?
Quiero saber como editar la notifcacion del campo obligatorio. En mi formulario [http://pruebadeform.comyr.com/] el diseño de la notificacion es el que viene por defecto, creo.
Quisiera saber como se hace uno como este:
http://web.tursos.com/demo/cf/php/

P.D.: Para campo obligatorio de mi formulario use este codigo (se ve el required al final):
<p><input type=text placeholder=" NOMBRE " size=100px name="nombre" required></p>
  • 0
  • 0Calificación
  • 1Seguidores
  • 47Visitas
  • 0Favoritos

3 respuestas

@Daniel03 dijo Hace más de 3 meses:

Eso se hace con jQuery, mirá en mii perfil, ahí he dejado muchos plugin, en el último post, dejé plugin para formulario, podés usar el de validación. O buscarte algún otro plugin de validación en jQuery.

@Daniel03 dijo Hace más de 3 meses:

Ok, ya vi la otra web, fijate en el diseño (ver código fuente) de ese sitio. Encontrarás que primero agregan una librería de jQuery, luego un .js que se llama funciones, ahí está la validación con jQuery (sin usar un plugin), en dicho archivo está:



$(function() { 
    var emailreg = /^([w-.]+@([w-]+.)+[w-]{2,4})?$/;    
    $(".boton").click(function(){  
        $(".error").fadeOut().remove();
        
        if ($(".nombre").val() == "") {  
            $(".nombre").focus().after('<span class="error">Ingrese su nombre</span>');  
            return false;  
        }  
        if ($(".email").val() == "" || !emailreg.test($(".email").val())) {
            $(".email").focus().after('<span class="error">Ingrese un email correcto</span>');  
            return false;  
        }  
        if ($(".asunto").val() == "") {  
            $(".asunto").focus().after('<span class="error">Ingrese un asunto</span>');  
            return false;  
        }  
        if ($(".mensaje").val() == "") {  
            $(".mensaje").focus().after('<span class="error">Ingrese un mensaje</span>');   
            return false;  
        }  
    });  
    $(".nombre, .asunto, .mensaje").bind('blur keyup', function(){  
        if ($(this).val() != "") {              
            $('.error').fadeOut();
            return false;  
        }  
    });    
    $(".email").bind('blur keyup', function(){  
        if ($(".email").val() != "" && emailreg.test($(".email").val())) {    
            $('.error').fadeOut();  
            return false;  
        }  
    });
});

@Daniel03 dijo Hace más de 3 meses:

Estoy elaborando un ejemplo bastante completo, donde planteo el uso de ABC (Altas, Bajas y Cambios) sobre una tabla MySQL, usando php, ajax y jQuery.

Tienes que ser miembro para responder en este tema