victorvaz · January 27, 2016 00:31
diff --git a/formulario_de_cadastro.html b/formulario_de_cadastro.html
 <html>
 	<head>
 		<meta charset="utf-8">
 		<title>Validação com Jquery</title>
 		<!-- JQuery -->
 		<script src="jquery-1.12.0.min.js"></script>
 		<!-- JQuery Validator -->
 		<script src="jquery.validate.min.js"></script>
 		<script>
 		$(document).ready(function(){
 			$('#meu_formulario').validate({
 				rules : {
 					nome : {
 						required : true,
 						minlength : 3
 					},
 					email : {
 						required : true,
 						email : true
 					},
 					senha : {
 						required : true,
 						minlength : 3,
 						maxlength : 20
 					},
 					conf_senha : {
 						required : true,
 						equalTo : '#senha'
 					}
 				},
 				messages : {
 					nome : {
 						required : 'Informe o seu nome.',
 						minlength : 'O seu nome deve ter no mínimo 3 caracteres.'
 					},
 					email : {
 						required : 'Informe o seu e-mail.',
 						email : 'Informe um e-mail válido.'
 					},
 					senha : {
 						required : 'Informe a sua senha.',
 						minlength : 'A senha deve ter, no mínimo, 3 caracteres.',
 						maxlength : 'A senha deve ter, no máximo, 20 caracteres.'
 					},
 					conf_senha : {
 						required : 'Confirme a sua senha.',
 						equalTo : 'As senhas não se correspondem.'
 					}
 				}
 			});
 		});
 		</script>
 	</head>
 	<body>
 		<h1>Meu formulário</h1>
 		<form id="meu_formulario">
 			<p>
 				<label>Seu nome:</label>
 				<input type="text" name="nome" />
 			</p>
 			<p>
 				<label>Seu e-mail:</label>
 				<input type="text" name="email" />
 			</p>
 			<p>
 				<label>Sua senha:</label>
 				<input type="password" id="senha" name="senha" />
 			</p>
 			<p>
 				<label>Confirme sua senha:</label>
 				<input type="password" name="conf_senha" />
 			</p>
 			<p>
 				<button type="submit">Salvar</button>
 			</p>
 		</form>
 	</body>
 </html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Validação com Jquery</title>
	<!-- JQuery -->
	<script src="jquery-1.12.0.min.js"></script>
	<!-- JQuery Validator -->
	<script src="jquery.validate.min.js"></script>
	<script>
	$(document).ready(function(){
	$('#meu_formulario').validate({
	rules : {
	nome : {
	required : true,
	minlength : 3
	},
	email : {
	required : true,
	email : true
	},
	senha : {
	required : true,
	minlength : 3,
	maxlength : 20
	},
	conf_senha : {
	required : true,
	equalTo : '#senha'
	}
	},
	messages : {
	nome : {
	required : 'Informe o seu nome.',
	minlength : 'O seu nome deve ter no mínimo 3 caracteres.'
	},
	email : {
	required : 'Informe o seu e-mail.',
	email : 'Informe um e-mail válido.'
	},
	senha : {
	required : 'Informe a sua senha.',
	minlength : 'A senha deve ter, no mínimo, 3 caracteres.',
	maxlength : 'A senha deve ter, no máximo, 20 caracteres.'
	},
	conf_senha : {
	required : 'Confirme a sua senha.',
	equalTo : 'As senhas não se correspondem.'
	}
	}
	});
	});
	</script>
	</head>
	<body>
	<h1>Meu formulário</h1>
	<form id="meu_formulario">
	<p>
	<label>Seu nome:</label>
	<input type="text" name="nome" />
	</p>
	<p>
	<label>Seu e-mail:</label>
	<input type="text" name="email" />
	</p>
	<p>
	<label>Sua senha:</label>
	<input type="password" id="senha" name="senha" />
	</p>
	<p>
	<label>Confirme sua senha:</label>
	<input type="password" name="conf_senha" />
	</p>
	<p>
	<button type="submit">Salvar</button>
	</p>
	</form>
	</body>
	</html>