Validação de Formulário JQuery
Eu estou apenas tentando imprimir uma mensagem de erro se alguém deixa o campo de texto em branco usando jquery.Mas não está sendo exibido. Este é o 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 é o 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));
};
});
Pode ser que eu esteja faltando alguma coisa. Ajude os especialistas. Obrigado.