jQuery.html5form

HTML5 valida de manera nativa los formularios, no requiere JavaScript.
Actualmente solo las últimas versiones de Firefox, Safari & Google Chrome soportan esta funcionalidad.
Este plugin logra lo mismo en todas las versiones de Internet Explorer y Firefox 3.6.
Con una sola línea de código...

HTML5 Form jQuery
Ejemplo con múltiples funcionalidades

Mostrar el código

//código HTML
<form action="upload.php" method="post" id="form_test">
    <fieldset>
        <legend>Ejemplo con múltiples funcionalidades</legend>
        
        <label for="nombre">Nombre</label>
        <input type="text" name="nombre" id="nombre" title="Nombre" maxlength="60" placeholder="Nombre" autocomplete="off" required/>
        
        <label for="email">Correo Electrónico</label>
        <input type="email" name="email" id="email" title="Correo electrónico" maxlength="40" placeholder="Correo electrónico" autocomplete="off" required/>
        
        <label for="url">Sitio Web</label>
        <input type="url" name="sitioweb" id="sitioweb" title="Sitio Web" maxlength="40" placeholder="http://" autocomplete="off" required/>
        
        <label for="telefono">Teléfono (opcional)</label>
        <input type="tel" name="telefono" id="telefono" title="Teléfono" maxlength="20" placeholder="Teléfono" autocomplete="off"/>
        
        <label for="comentario">Comentario (max 100)</label>
        <textarea name="comentario" id="comentario" title="Comentario" cols="30" rows="5" maxlength="100" placeholder="Comentario..." required>
        </textarea>
        
        <input type="submit" value="Enviar" class="submit"/>
    
    </fieldset>
</form>

//código jQuery
<script>

    $(document).ready(function(){
        
        $('#form_test').html5form({
            allBrowsers : true,
            responseDiv : '#response',
            messages: 'es',
            method : 'GET',
            colorOn :'#6b6764',
            colorOff :'#0d85a5'
        });
        
    });

</script>

Ejemplo de Campo Required con mensages activos

Ejemplo de Textarea con límite de caracteres

Ejemplo para ocultar etiquetas Label

html5form v1.5

04-12-2011 - Agregado Soporte para input type="image" & input type="button" (Gracias @zguillez)

Navegadores compatibles:

  • Internet Explorer: IE6+
  • Mozilla Firefox: 3.6+
  • Google Chrome: 10+
  • Apple Safari: 4+
  • Opera: 10+

Developer Version 1.5