victorvaz/formulario_de_cadastro.html

## 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>