Ir para conteúdo
Fórum Script Brasil
  • 0

alguém pode me ajudar

MoreRange Maringa

Perguntado por MoreRange Maringa,

 Share

Pergunta

MoreRange Maringa

MoreRange Maringa

Postado
Postado

alguém ai que programe javascript (sou do php) poderia me ajudar comum sistema de validacao de formularios?

<meta charset="UTF-8">
<script type="text/javascript">
			function validateRegEx(regex, input, helpText, helpMessage) {
				// Veja se os dados de entrada valida OK
				if (!regex.test(input)) {
				// Os dados são inválidos, para definir a mensagem de ajuda e retornar false
					if (helpText != null)
						helpText.innerHTML = helpMessage;
						return false;
					}
					else {
						// Os dados são OK, então limpar a mensagem de ajuda e retornar true
						if (helpText != null)
						helpText.innerHTML = "";
						return true;
					}
			}
			
			 function validateNonEmpty(inputField, helpText) {
				// Veja se o valor de entrada contém qualquer texto
				return validateRegEx(/.+/,inputField.value, helpText,"Por favor insira um valor.");
			}
			
			function validateEmail(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^[\w\.-_\+]+@[\w-]+(\.\w{2,3})+$/,
									 inputField.value, helpText,
									"Por favor insira um endereço de e-mail (por exemplo, johndoe@acme.com).");
			}
			function validateSenha(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^.{6,12}$/,
									 inputField.value, helpText,
									"Por favor entre 6 a 12 caracteres.");
			}
			
			function placeOrder(form) {
				if ( validateNonEmpty(form["name"], form["name_help"]) && 
									  validateEmail(form["email"], form["email_help"]) &&
									  validateSenha (from["senha"], from["senha_help"])) {
					// Envie o pedido para o servidor
					form.submit();
				} else {
				alert("Sinto muito, mas há algo de errado com as informações do cadastro.");
			  }
		    }
</script>
<center>
	<h1>Cadastro</h1>
	<br><br>
	<form method="post" action="">
		Nome<br>(COMPLETO)<br><input type="text" name="nome" value="" size="50" onblur="validateNonEmpty(this, document.getElementById('nome_help')">
		<br><span id="nome_help" class="help"></span><br>
		Email<br><input id="email" name="email" type="text" size="50" onblur="validateEmail(this, document.getElementById('email_help'))" />
        <br><span id="email_help" class="help"></span><br>
		Senha<br>
		<input id="senha" name="senha" type="password" size="12" onblur="validateSenha(this, document.getElementById('senha_help'))" />
        <br><span id="senha_help" class="help"></span><br>
		Telefone<br><input type="text" name="dddt" value="" size="2">
		<input type="text" name="tell" value="" size="8"><br>
		<br>Celular<br><input type="text" name="dddc" value="" size="2">
		<input type="text" name="cell" value="" size="8"><br>
		<br>UF<br><input type="text" name="UF" value="" size="2"><br>
		<br>Cidade<br><input type="text" name="cidade" value="" size="10"><br>
		<br>Bairro<br><input type="text" name="bairro" value="" size="15"><br>
		<br>Rua<br><input type="text" name="rua" value="" size="15"><br>
		<br>Numero<br><input type="text" name="num" value="" size="5"><br><br>
		<input type="submit" name="sub_btt" value="Cadastrar" onclick="placeOrder(this.form);">
	</fomr>
<center>
<?php

	function conec() {
		$host	= '127.0.0.1';
		$user	= 'root';
		$pass 	= '';
		$data	= 'klassis';
			mysql_connect($host,$user,$pass);
			mysql_select_db($data);
	}
	function cadastro($nome,$email,$senha,$dddt,$tell,$dddc,$cell,$uf,$cidade,$bairro,$rua,$num) {
		$sql	= 'INSERT INTO users (ID,nome,email,senha,tell,dddt,cell,dddc,uf,cidade,bairro,rua,num,posi,negt) VALUES (NULL,"'.$nome.'", "'.$email.'", "'.$senha.'", "'.$tell.'", "'.$dddt.'", "'.$cell.'", "'.$dddc.'", "'.$uf.'", "'.$cidade.'", "'.$bairro.'", "'.$rua.'", "'.$num.'",\'0\',\'0\')';
		mysql_query($sql);
	}
	
	conec();

	if(isset($_POST['sub_btt'])) {
		$nome 		= $_POST['nome'];
		$email 		= $_POST['email'];
		$senha 		= md5($_POST['senha']);
		$dddt		= $_POST['dddt'];
		$tell	 	= $_POST['tell'];
		$dddc 		= $_POST['dddc'];
		$cell 		= $_POST['cell'];
		$uf 		= $_POST['UF'];
		$cidade 	= $_POST['cidade'];
		$bairro 	= $_POST['bairro'];
		$rua 		= $_POST['rua'];
		$num 		= $_POST['num'];
		cadastro($nome,$email,$senha,$dddt,$tell,$dddc,$cell,$uf,$cidade,$bairro,$rua,$num);
	}

?>

Preciso validar isso:

todos os campos estejam preenchidos

dddt e dddc: tenham 2 caracteres (numeros)

tell e cell: 8 caracteres (numeros)

UF: duas letras

numero: apenas numeros (menos de 10)

ficarei muito grato e retribuirei quem me ajudar!

OBS.: Agradecimento especial ao meu amigo

Edengb
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Edengb

Edengb

Postado
Postado

Tendeu man :mellow:... você tem que conhecer expressões regulares, pensei que com aqueles dois feito você iria sacar a ideia do RegExp, mas pelo jeito não sérvio para nada. Vou fazer os outros 4 pra te ajuda.

Obs: Logico não vai ficar bonito, mas ai você ajeita... o importante é o código javascript.

Link para o comentário
Compartilhar em outros sites
  • 0
Edengb

Edengb

Postado
Postado 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">			 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	
	<head> 
		<title>Titulo</title>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
		
		<script type="text/javascript">
			function validateRegEx(regex, input, helpText, helpMessage) {
				// Veja se os dados de entrada valida OK
				if (!regex.test(input)) {
				// Os dados são inválidos, para definir a mensagem de ajuda e retornar false
					if (helpText != null)
						helpText.innerHTML = helpMessage;
						return false;
					}
					else {
						// Os dados são OK, então limpar a mensagem de ajuda e retornar true
						if (helpText != null)
						helpText.innerHTML = "";
						return true;
					}
			}
			
			 function validateNonEmpty(inputField, helpText) {
				// Veja se o valor de entrada contém qualquer texto
				return validateRegEx(/.+/,inputField.value, helpText,"Por favor insira um valor.");
			}
			
			function validateEmail(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^[\w\.-_\+]+@[\w-]+(\.\w{2,3})+$/,
									 inputField.value, helpText,
									"Por favor insira um endereço de e-mail (por exemplo, johndoe@acme.com).");
			}
			function validateSenha(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^.{6,12}$/,
									 inputField.value, helpText,
									"Por favor insira entre 6 a 12 caracteres.");
			}
			function validateDddt(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^\d{2}$/,
									 inputField.value, helpText,
									"Por favor insira 2 numeros.");
			}
			function validateTele(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^\d{8}$/,
									 inputField.value, helpText,
									"Por favor insira 8 numeros.");
			}
			function validateUf(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^[a-zA-Z]{2}$/,
									 inputField.value, helpText,
									"Por favor insira 2 letras.");
			}
			function validateNume(inputField, helpText) {
				// Em primeiro lugar ver se o valor de entrada contém dados
				if (!validateNonEmpty(inputField, helpText))return false;

				// Então, veja se o valor de entrada é um endereço de e-mail
				return validateRegEx(/^[0-9]$/,
									 inputField.value, helpText,
									"Por favor insira um numero menor de 10");
			}
			function placeOrder(form) {
				if ( validateNonEmpty(form["name"], form["name_help"]) && 
									  validateEmail(form["email"], form["email_help"]) &&
									  validateSenha (from["senha"], from["senha_help"]) &&
									  validateDddt (from["dddt"], from["dddt_help"]) &&
									  validateTele (from["telefone"], from["telefone_help"]) &&
									  validateUf (from["uf"], from["uf_help"]) &&
									  validateNume (from["numero"], from["numero_help"])
									  
									  ){
					// Envie o pedido para o servidor
					form.submit();
				} else {
				alert("Sinto muito, mas há algo de errado com as informações do cadastro.");
			  }
		    }
		</script>
	</head>
	
	<body>
	  <form name="orderform" method="POST">
      <div class="field">
        Digite seu endereço de e-mail:
        <input id="email" name="email" type="text" size="32"
          onblur="validateEmail(this, document.getElementById('email_help'))" />
        <span id="email_help" class="help"></span>
      </div>
	  <div class="field">
        Senha:
        <input id="senha" name="senha" type="text" size="12"
          onblur="validateSenha(this, document.getElementById('senha_help'))" />
        <span id="senha_help" class="help"></span>
      </div>
	  <div class="field">
        dddt:
        <input id="dddt" name="dddt" type="text" size="12"
          onblur="validateDddt(this, document.getElementById('dddt_help'))" />
        <span id="dddt_help" class="help"></span>
      </div>
	  <div class="field">
        Telefone:
        <input id="telefone" name="telefone" type="text" size="12"
          onblur="validateTele(this, document.getElementById('tele_help'))" />
        <span id="tele_help" class="help"></span>
      </div>
	  <div class="field">
        UF:
        <input id="uf" name="uf" type="text" size="12"
          onblur="validateUf(this, document.getElementById('uf_help'))" />
        <span id="uf_help" class="help"></span>
      </div>
	  <div class="field">
        Numero:
        <input id="numero" name="numero" type="text" size="12"
          onblur="validateNume(this, document.getElementById('nume_help'))" />
        <span id="nume_help" class="help"></span>
      </div>
      <input type="button" value="Enviar" onclick="placeOrder(this.form);" />
    </form>
	</body>
	
</html>

É isso que você quer ? man eu ainda não testei, vou ter que para de mexer aqui... vejo como fico mais tarde flws.

Link para o comentário
Compartilhar em outros sites
  • 0
Edengb

Edengb

Postado
Postado

Man veja alguns tutorial, visite o site CodeAcademy, w3schools... Leia o "Use A Cabeça JavaScript" (é meio lento, mas ensina bem). Ai man quando você tiver acostuma com a sintaxe, Leia o "Guia Definitivo JavaScript" a leitura é pesado, é bom já ta acostumado.

Man eu to aprendendo o Basico assim... Vi bastante tutorial pela net, fica meio repetido mas sempre ensina algo difente... Depois revi tudo no w3shools, e fiz o codeAcademy. Cara o livro Use a Cabeça foi bom para se acostuma com a linguagem, la eles passam bastante exercícios... E agora to no Guia Definitivo JavaScript na parte de FUNCTION... falou espero ter ajudado, bons estudo. :ninja:

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...