Validación de formularios jquery
Solo intento imprimir un mensaje de error si alguien deja el campo de texto en blanco usando jquery. Pero no se muestra. Este es el código html:
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
<label>Name</label></td>
<td> <input class="required" type="text" name="name" id="name" /><span>(required)</span></td>
</tr><tr>
<td><br/><label>Address</label></td>
<td><input class="required" type="text" name="address" id="address"/><span>(required)</span></td></tr>
</table>
</div>
</form>
Este es el código Jquery.
$(document).ready(function () {
var requiredFlag = ' * ';
$('form :input').filter('.required').next('span').text(requiredFlag).end();
if ($(this).is('.required')) {
if (this.value == '') {
var errorMessage = 'This is a required field';
};
$('span></span').text(errorMessage).appendTo($(this));
};
});
Puede ser que me esté perdiendo algo. Ayudar a los expertos. Gracias.