Me gustó que las etiquetas con los errores de validación se crearan en el momento de mostrar estas alertas y que además salieran con una sutil animación.
<p id="pnombre"> <label id="lnombre">Nombre:</label> <input type="text" id="inombre" name="nombre" /> </p> ... <p class="btn"><a id="send" href="#">[enviar]</a></p>
$(document).ready(function() { $("#send").click(function() { var oForm = document.forms[0]; var oNombre = oForm.elements["nombre"]; var bOk = true; $("p.error").remove(); if(oNombre.value=="") { oNombre.focus(); $("#pnombre" ).after("<p class='error'>Por favor, indíca tu nombre.</p>"); bOk = false; } ... $("p.error").slideDown(); if(bOk) oForm.submit(); return false; }); });
Para que validemos un url en un campo de texto
bool IsValidEmail(string strIn) { // Return true if strIn is in valid e-mail format. return Regex.IsMatch(strIn, @"^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0- 9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$"); }
validates_length_of :campo, :within => 1..150