<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Economia e Energia</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="form.css" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script src="cmxforms.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { window.location.href = "incluir.php"; }
});
$().ready(function() {
// validate signup form on keyup and submit
$("#formcadastro").validate({
rules: {
nome: "required",
sobrenome: "required",
login: {
required: true,
minlength: 5
},
senha: {
required: true,
minlength: 5
},
csenha: {
required: true,
minlength: 5,
equalTo: "#senha"
},
email: {
required: true,
email: true
},
cpf: {
required: true,
minlength:10
},
rg: "required",
cidade: {
required:true,
minlength:4
}
},
messages: {
nome: "<p style='color:#F00'>Por favor digite o seu nome</p>",
sobrenome: "<p style='color:#F00'>Por favor digite o seu sobrenome</p>",
login: {
required: "<p style='color:#F00'>Por favor digite seu login</p>",
minlength: "<p style='color:#F00'>Seu login deve ter no minimo cinco caracteres</p>"
},
senha: {
required: "<p style='color:#F00'>Por favor digite uma senha</p>",
minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>"
},
csenha: {
required: "<p style='color:#F00'>Por favor re-digite sua senha</p>",
minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>",
equalTo: "<p style='color:#F00'>Por favor verifique se esta inserida a mesma senha que no campo acima.</p>"
},
email: "<p style='color:#F00'>Por favor insira um e-mail valido</p>",
cpf: {
required: "<p style='color:#F00'>Por favor insira seu CPF</p>",
minlength: "<p style='color:#F00'>CPF inválido</p>"
},
rg: "<p style='color:#F00'>Por Favor insira seu RG</p>",
cidade: {
required: "<p style='color:#F00'> Por favor insira sua cidade</p>",
minlength: "<p style='color:#F00'>Por favor insira o nome de sua cidade com mais de quatro caracteres</p>"
}
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function() {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", !this.checked);
});
});
</script>
<script type="text/javascript">
jQuery(function($){
$("#telefone").mask("9999-9999",{placeholder:" "}); //Aqui montamos a máscara que queremos
$("#cep").mask("99999-999",{placeholder:" "});
$("#cpf").mask("999.999.999-99",{placeholder:" "});
$("#cpfcnpj").mask("99.999.999/9999-99",{placeholder:" "});
$("#nascimento").mask("99/99/9999",{placeholder:" "});
});
</script>
</head>
<body>
<div id="tudo" align="center">
<?php include "topo.php" ?>
<div id="conteudo"><div id="enchespaco"></div>
<div id="cadastropg">
<form id='formcadastro' name='formcadastro' method='post' action='' ><h1>Cadastro de novo usuário</h1><p>Os campos indicados com um * são obrigatórios</p>
<fieldset class='tituloh4'><h4>Dados Pessoais</h4></fieldset>
<fieldset class='cadastron'><label for='Nome'>Nome:*</label> </fieldset>
<fieldset class='cadastroi'><input name='nome' id='nome'type='text' size='20' maxlength='15' /></fieldset>
<fieldset class='cadastron'><label for='Sobrenome'>Sobrenome:*</label></fieldset>
<fieldset class='cadastroi'><input name='sobrenome' id='sobrenome' type='text' size='20' maxlength='30' /></fieldset>
<fieldset class='cadastron'><label for='sexo'>Sexo:</label></fieldset>
<fieldset class='cadastroi'><select name='sexoopt'>
<option value='M'>Masculino</option>
<option value='F'>Feminino</option>
</select></fieldset>
<fieldset class='cadastron'><label for'datanasc'>Data de Nasc.:</label></fieldset>
<fieldset class='cadastroi'><input type='text' name='nascimento' id='nascimento' alt='data' maxlength='10' size='10'/></fieldset>
<fieldset class='cadastron'><label for='rg'>R.G.:*(Somente números)</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='14' name='rg' id='rg' /></fieldset>
<fieldset class='cadastron'><label for='cpf' alt='cpf'>CPF:*(Somente números)</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='14' name='cpf' id='cpf' /> </fieldset>
<fieldset class='cadastron'><label for='cargo'>Cargo:</label></fieldset>
<fieldset class='cadastroi'><input type='text' maxlength='20' size='15' name='cargo' /><label for='empresa'>Empresa:</label>
<input type='text' maxlength='30' size='15' name='empresa'/></fieldset>
<fieldset class='tituloh4'><h4>Dados para contato</h4></fieldset>
<fieldset class='cadastron'><label for='endereco'>Endereço:</label></fieldset>
<fieldset class='cadastroi'><input type='text' name='endereco' size='20' maxlength='100' /><label for'numero'>Nº:</label><input type='text' size='5' maxlength='5' name='numero'/><label for='complemento'>Compl.:</label><input type='text' maxlength='5' size='5' name='complemento'/></fieldset>
<fieldset class='cadastron'><label for='bairro'>Bairro:</label></fieldset>
<fieldset class='cadastroi'><input type='text' maxlength='15' size='15' name='bairro' />
<label for='cep'>CEP:</label><input type='text' maxlength='9' size='9' name='cep' id='cep' /></fieldset>
<fieldset class='cadastron'><label for='estado'>Estado:*</label></fieldset>
<fieldset class='cadastroi'>
<select name='listauf' id='listauf'>
<option value='Acre'>AC</option>
<option value='Alagoas'>AL</option>
<option value='Amapa'>AP</option>
<option value='Amazonas'>AM</option>
<option value='Bahia'>BA</option>
<option value='Ceara'>CE</option>
<option value='Espirito Santo'>ES</option>
<option value='Goias'>GO</option>
<option value='Maranhao'>MA</option>
<option value='Mato Grosso'>MT</option>
<option value='Mato Grosso do Sul'>MS</option>
<option value='Minas Gerais'>MG</option>
<option value='Para'>PA</option>
<option value='Paraiba'>PB</option>
<option value='Parana'>PR</option>
<option value='Pernambuco'>PE</option>
<option value='Piaui'>PI</option>
<option selected='selected' value='Rio de Janeiro'>RJ</option>
<option value='Rio Grande do Norte'>RN</option>
<option value='Rio Grande do Sul'>RS</option>
<option value='Rondonia'>RO</option>
<option value='Roraima'>RR</option>
<option value='Santa Catarina'>SC</option>
<option value='Sao Paulo'>SP</option>
<option value='Sergipe'>SE</option>
<option value='Tocantins'>TO</option>
<option value='Distrito Federal'>DF</option>
</select>
<label for='cidade'>Cidade:*</label><input type='text' maxlength='20' size='10' name='cidade' id='cidade' /></fieldset>
<fieldset class='cadastron'><label for='ddd'>DDD:*</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd' id='ddd'/>
<label for='telefone'>Telefone:*</label><input type='text' size='9' maxlength='9' name='telefone' id='telefone' /></fieldset>
<fieldset class='cadastron'><label for='ddd2'>DDD:</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd2' />
<label for='celular'>Celular:</label><input type='text' size='9' maxlength='9' name='celular' /></fieldset>
<fieldset class='cadastron'><label for='email'>E-mail:*</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='40' maxlength='40' name='email' id='email'/></fieldset>
<fieldset class='tituloh4'><h4>Dados para acesso</h4></fieldset>
<fieldset class='cadastron'><label for='login'>Login:*</label></fieldset>
<fieldset class='cadastroi'><input name='login' id='login' type='text' size='20' maxlength='10' /></fieldset>
<fieldset class='cadastron'><label for='senha'>Senha:*</label></fieldset>
<fieldset class='cadastroi'><input name='senha' id='senha' type='password' size='20' maxlength='8' /></fieldset>
<fieldset class='cadastron'> <label for='csenha'>Confirme sua senha:*</label></fieldset>
<fieldset class='cadastroi'><input name='csenha' id='csenha' type='password' size='20' maxlength='8' />
</fieldset><p> </p>
<fieldset class='cadastrobutton'>
<input type='submit' id='confirmar' value='Confirmar'/><input type='reset' id='limpar' value='Limpar' />
</fieldset>
</form><p> </p>
</div><br class="clearfloat" /></div>
<?php include "foot.php" ?></div></body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Economia e Energia</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="form.css" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script src="cmxforms.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { window.location.href = "incluir.php"; }
});
$().ready(function() {
// validate signup form on keyup and submit
$("#formcadastro").validate({
rules: {
nome: "required",
sobrenome: "required",
login: {
required: true,
minlength: 5
},
senha: {
required: true,
minlength: 5
},
csenha: {
required: true,
minlength: 5,
equalTo: "#senha"
},
email: {
required: true,
email: true
}
},
messages: {
nome: "<p style='color:#F00'>Por favor digite o seu nome</p>",
sobrenome: "<p style='color:#F00'>Por favor digite o seu sobrenome</p>",
login: {
required: "<p style='color:#F00'>Por favor digite seu login</p>",
minlength: "<p style='color:#F00'>Seu login deve ter no minimo cinco caracteres</p>"
},
senha: {
required: "<p style='color:#F00'>Por favor digite uma senha</p>",
minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>"
},
csenha: {
required: "<p style='color:#F00'>Por favor re-digite sua senha</p>",
minlength: "<p style='color:#F00'>Sua senha deve ter no minimo cinco caracteres</p>",
equalTo: "<p style='color:#F00'>Por favor verifique se esta inserida a mesma senha que no campo acima.</p>"
},
email: "<p style='color:#F00'>Por favor insira um e-mail valido</p>"
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function() {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", !this.checked);
});
});
</script>
<script type="text/javascript">
jQuery(function($){
$("#telefone").mask("9999-9999",{placeholder:" "}); //Aqui montamos a máscara que queremos
});
</script>
</head>
<body>
<div id="tudo" align="center">
<?php include "topo.php" ?>
<div id="conteudo"><div id="enchespaco"></div>
<div id="cadastropg">
<form id='formcadastro' method='post' action='incluir.php' ><h1>Cadastro de novo usuário</h1><p>Os campos indicados com um * são obrigatórios</p>
<fieldset class='tituloh4'><h4>Dados Pessoais</h4></fieldset>
<fieldset class='cadastron'><label for='Nome'>Nome:*</label> </fieldset>
<fieldset class='cadastroi'><input name='nome' id='nome' class="required nome" type='text' size='20' maxlength='15' /></fieldset>
<fieldset class='cadastron'><label for='Sobrenome'>Sobrenome:*</label></fieldset>
<fieldset class='cadastroi'><input name='sobrenome' id='sobrenome' class="required sobrenome" type='text' size='20' maxlength='30' /></fieldset>
<fieldset class='cadastron'><label for='cargo'>Cargo:</label></fieldset>
<fieldset class='cadastroi'><input type='text' maxlength='20' size='15' name='cargo' /><label for='empresa'>Empresa:</label>
<input type='text' maxlength='30' size='15' name='empresa'/></fieldset>
<fieldset class='tituloh4'><h4>Dados para contato</h4></fieldset>
<fieldset class='cadastron'><label for='ddd'>DDD:*</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd'/>
<label for='telefone'>Telefone:*</label><input type='text' size='9' maxlength='9' name='telefone' id='telefone' /></fieldset>
<fieldset class='cadastron'><label for='ddd2'>DDD:</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='4' maxlength='2' name='ddd2' />
<label for='celular'>Celular:</label><input type='text' size='9' maxlength='9' name='celular' /></fieldset>
<fieldset class='cadastron'><label for='email'>E-mail:*</label></fieldset>
<fieldset class='cadastroi'><input type='text' id='email' class="required email" size='40' maxlength='40' name='email'/></fieldset>
<fieldset class='tituloh4'><h4>Dados para acesso</h4></fieldset>
<fieldset class='cadastron'><label for='login'>Login:*</label></fieldset>
<fieldset class='cadastroi'><input name='login' id='login' class="required login" type='text' size='20' maxlength='10' /></fieldset>
<fieldset class='cadastron'><label for='senha'>Senha:*</label></fieldset>
<fieldset class='cadastroi'><input name='senha' id='senha' class="required senha" type='password' size='20' maxlength='8' /></fieldset>
<fieldset class='cadastron'> <label for='csenha'>Confirme sua senha:*</label></fieldset>
<fieldset class='cadastroi'><input name='csenha' id='csenha' class="required csenha" type='password' size='20' maxlength='8' />
</fieldset><p> </p>
<fieldset class='cadastrobutton'>
<input type='submit' id='confirmar' value='Confirmar' /><input type='reset' id='limpar' value='Limpar' />
</fieldset>
</form><p> </p>
</div><br class="clearfloat" /></div>
<?php include "foot.php" ?></div></body>
</html>