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...
//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>
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+

