GARANTIR DESCONTO

Fórum ajuda com tratamento de inputs e outras coisas #520951

26/05/2015

0

Ei pessoal , boa tarde.
tenho um trabalho onde meu professor pediu que criássemos um form e depois que gerássemos impressão a partir dos dados nele cadastrados .
porém não consigo tratar os dados que recebo do input .
e o mais dificil é que ele pediu para imprimir com um certo filtro .
Ex : imprimir fulanos que moram em bairro X
imprimir fulanos que tem a profissao 'tecnico'

mas não vou ficar desesperada rs .
já dei uma olhada neste tópico .
Topico
e não consegui aplicar ao meu código .
aqui vai ..
to tentando fazer uma validação também por Jquery .. ainda não funcionando ..
<html>
	<head> 
		<link rel="stylesheet" type="text/css" href="stylesheet.css">
		<title>Gerenciamento de Igrejas - Control Church</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="utf-8">
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js" ></script>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js" ></script>
        	<!-- VALIDAÇÃO !-->
        	<script type="text/javascript">
				$(document).ready(function(){ //a sintaxe que você escreveu nessa linha estava errada
                     $("#formulario").validate({ //para a validação funcionar é necessário fazer a chamada da biblioteca pelo formulário
												rules: {
					                                	nome: {
					                                            required: true,
					                                            minlength: 4
					                                        	},
					                                    profissao: {
					                                            required: true,
					                                            rangelength: [4,10]
																		},
														valor: {
					                                            required: true,
					                                            rangelength: [1,2]
					                                        	}
        												},	
												messages: {
					                                    nome : {
					                                        required: "Este campo é obrigatório",
					                                        minlength: "O nome deve ter no mínimo 4 caracteres"
					                                    		},
					                                    profissao : {
					                                    	required: "Este campo é obrigatório",
					                                        rangelength : "Sua profissao deve ter entre 4 e 10 caracteres"
					                                    			},
					                                    valor: { 
															required : 	"Este campo é obrigatório",
															rangelength : "Valor em REAIS "
					                                    		}

															}
                            					});//como vc na fez a chamada da biblioteca lá em cima, faltou esse fechamento
											});						
			</script>
			<!-- PEGAR OS CAMPOS !-->

	</head>

		<body>


				
						<form id="formulario" action="" method="post">
							<p>Nome:</p> 
								<input type="text" name="nome" size="40" ><br>
							<p>Idade:
								<script>
					   				aux= "<select>";
						  				 for (x=18;x<99;x++) {
						        			aux = aux + "<option value='nada' >" + x + "</option>";
						    								}
					  				aux= aux + "</select> ";
					  				document.write(aux);
								</script>Anos </p>
							
							<p>Sexo:
								<input type="radio" name="sexo" value="Masculino" checked> Homem
								<input type="radio" name="sexo" value="Feminino"> Mulher</p>

							<p>Profissao:</p>
								<input type="text" name="profissao">

							<p>Frequência dos dizimos
							<select name="frequencia">
								<option>Semanalmente </option>
								<option>Mensalmente </option>
								<option>Trimestralmente </option>
							
							</select></p>

								<p>Valor(R$):<input type="text" name="valor"></p>

								<p>Deixe seu depoimento:</p>
								<textarea cols="42" rows="5" maxlength="1024" name="depoimento"></textarea>
							<input type="submit" value="Cadastrar">
							<input type="Reset" value="Apagar tudo">

							<p class="p2">Obrigado pelo seu tempo ! :) </p>
						</form>
		
		</body>	
</html> 
Karina Gerhardt

Karina Gerhardt

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar