Jump to content

  2. → Viewing Profile: Tópicos: Matheus Biagini

Matheus Biagini

Member Since 25/08/2008
Offline Last Active 23/06/2009, 21:05
-----

Topics I've Started

Vários Tipos De Mascaras Em Javascript Com Expressão Regular

26/08/2008, 17:18

Olá galera, bom este artigo retrata como usarmos expressão regular para mascaras em javascript.
Bom vou ensinar a como usarmos expressão regular para criação de varios tipos de mascaras.

Mãos na massa

Mascara.js
 

/*

* Script: Mascaras em Javascript

* Autor: Matheus Biagini de Lima Dias

* Data: 26/08/2008

* Obs:

*/

/*Função Pai de Mascaras*/

function Mascara(o,f){

v_obj=o

v_fun=f

setTimeout("execmascara()",1)

}



/*Função que Executa os objetos*/

function execmascara(){

v_obj.value=v_fun(v_obj.value)

}



/*Função que Determina as expressões regulares dos objetos*/

function leech(v){

v=v.replace(/o/gi,"0")

v=v.replace(/i/gi,"1")

v=v.replace(/z/gi,"2")

v=v.replace(/e/gi,"3")

v=v.replace(/a/gi,"4")

v=v.replace(/s/gi,"5")

v=v.replace(/t/gi,"7")

return v

}



/*Função que permite apenas numeros*/

function Integer(v){

return v.replace(/\D/g,"")

}



/*Função que padroniza telefone (11) 4184-1241*/

function Telefone(v){

v=v.replace(/\D/g,"")

v=v.replace(/^(\d\d)(\d)/g,"($1) $2")

v=v.replace(/(\d{4})(\d)/,"$1-$2")

return v

}



/*Função que padroniza telefone (11) 41841241*/

function TelefoneCall(v){

v=v.replace(/\D/g,"")

v=v.replace(/^(\d\d)(\d)/g,"($1) $2")

return v

}



/*Função que padroniza CPF*/

function Cpf(v){

v=v.replace(/\D/g,"")

v=v.replace(/(\d{3})(\d)/,"$1.$2")

v=v.replace(/(\d{3})(\d)/,"$1.$2")



v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2")

return v

}



/*Função que padroniza CEP*/

function Cep(v){

v=v.replace(/D/g,"")

v=v.replace(/^(\d{5})(\d)/,"$1-$2")

return v

}



/*Função que padroniza CNPJ*/

function Cnpj(v){

v=v.replace(/\D/g,"")

v=v.replace(/^(\d{2})(\d)/,"$1.$2")

v=v.replace(/^(\d{2})\.(\d{3})(\d)/,"$1.$2.$3")

v=v.replace(/\.(\d{3})(\d)/,".$1/$2")

v=v.replace(/(\d{4})(\d)/,"$1-$2")

return v

}



/*Função que permite apenas numeros Romanos*/

function Romanos(v){

v=v.toUpperCase()

v=v.replace(/[^IVXLCDM]/g,"")



while(v.replace(/^M{0,4}(CM|CD|D?C{0,3})(XC|XL|L?X{0,3})(IX|IV|V?I{0,3})$/,"")!="")

v=v.replace(/.$/,"")

return v

}



/*Função que padroniza o Site*/

function Site(v){

v=v.replace(/^http:\/\/?/,"")

dominio=v

caminho=""

if(v.indexOf("/")>-1)

dominio=v.split("/")[0]

caminho=v.replace(/[^\/]*/,"")

dominio=dominio.replace(/[^\w\.\+-:@]/g,"")

caminho=caminho.replace(/[^\w\d\+-@:\?&=%\(\)\.]/g,"")

caminho=caminho.replace(/([\?&])=/,"$1")

if(caminho!="")dominio=dominio.replace(/\.+$/,"")

v="http://"+dominio+caminho

return v

}



/*Função que padroniza DATA*/

function Data(v){

v=v.replace(/\D/g,"")

v=v.replace(/(\d{2})(\d)/,"$1/$2")

v=v.replace(/(\d{2})(\d)/,"$1/$2")

return v

}



/*Função que padroniza DATA*/

function Hora(v){

v=v.replace(/\D/g,"")

v=v.replace(/(\d{2})(\d)/,"$1:$2")

return v

}



/*Função que padroniza valor monétario*/

function Valor(v){

v=v.replace(/\D/g,"") //Remove tudo o que não é dígito

v=v.replace(/^([0-9]{3}\.?){3}-[0-9]{2}$/,"$1.$2");

//v=v.replace(/(\d{3})(\d)/g,"$1,$2")

v=v.replace(/(\d)(\d{2})$/,"$1.$2") //Coloca ponto antes dos 2 últimos digitos

return v

}



/*Função que padroniza Area*/

function Area(v){

v=v.replace(/\D/g,"")

v=v.replace(/(\d)(\d{2})$/,"$1.$2")

return v



}

Agora nosso html para exibição destas mascaras:

teste.html
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Modelo 1 - Mascaras em javascript</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<!-- JS DAS MASCARAS -->

&lt;script src="Mascara.js"></script>

</head>



<body>

<table width="100%" border="0">

<tr>

<td colspan="2" align="center"><strong>Exemplos de Funções de mascaras em javascript</strong></td>

</tr>

<tr bgcolor="#e1e1e1">

<td width="13%">[Só numeros]</td>

<td width="87%"><input name="int" type="text" id="int" onKeyDown="Mascara(this,Integer);" onKeyPress="Mascara(this,Integer);" onKeyUp="Mascara(this,Integer);"></td>

</tr>

<tr>

<td width="13%">[Telefone]</td>

<td width="87%"><input name="tel" type="text" id="tel" maxlength="14" onKeyDown="Mascara(this,Telefone);" onKeyPress="Mascara(this,Telefone);" onKeyUp="Mascara(this,Telefone);"></td>

</tr>

<tr bgcolor="#e1e1e1">

<td width="13%">[CPF]</td>

<td width="87%"><input name="cpf" type="text" id="cpf" maxlength="14" onKeyDown="Mascara(this,Cpf);" onKeyPress="Mascara(this,Cpf);" onKeyUp="Mascara(this,Cpf);"></td>

</tr>

<tr>

<td width="13%">[Cep]</td>

<td width="87%"><input name="cep" type="text" id="cep" maxlength="9" onKeyDown="Mascara(this,Cep);" onKeyPress="Mascara(this,Cep);" onKeyUp="Mascara(this,Cep);"></td>

</tr>

<tr bgcolor="#e1e1e1">

<td width="13%">[CNPJ]</td>

<td width="87%"><input name="cnpj" type="text" id="cnpj" maxlength="18" onKeyDown="Mascara(this,Cnpj);" onKeyPress="Mascara(this,Cnpj);" onKeyUp="Mascara(this,Cnpj);"></td>

</tr>

<tr>

<td width="13%">[Romanos]</td>

<td width="87%"><input name="rom" type="text" id="rom" onKeyDown="Mascara(this,Romanos);" onKeyPress="Mascara(this,Romanos);" onKeyUp="Mascara(this,Romanos);"></td>

</tr>

<tr bgcolor="#e1e1e1">

<td width="13%">[Site]</td>

<td width="87%"><input name="sit" type="text" id="sit" onKeyDown="Mascara(this,Site);" onKeyPress="Mascara(this,Site);" onKeyUp="Mascara(this,Site);"></td>

</tr>

<tr>

<td width="13%">[Data]</td>

<td width="87%"><input name="date" type="text" id="date" maxlength="10" onKeyDown="Mascara(this,Data);" onKeyPress="Mascara(this,Data);" onKeyUp="Mascara(this,Data);"></td>

</tr>

<tr bgcolor="#e1e1e1">

<td width="13%">[Area Valor]</td>

<td width="87%"><input name="arevalo" type="text" id="arevalo" onKeyDown="Mascara(this,Area);" onKeyPress="Mascara(this,Area);" onKeyUp="Mascara(this,Area);"></td>

</tr>

</table>

</body>

</html>

Vejamos algumas observações:

Note que criamos uma função que envia parametros para as demais funções (Mascara(o,f))
Onde envia o objeto (o) e qual função a ser usada (f).
Ex: Mascara de data : <input type="text" onKeyDown="Mascara(this,Area);">

E temos uma função que determina as expressões regulares dos objetos:
function leech(v){
v=v.replace(/o/gi,"0")
v=v.replace(/i/gi,"1")
v=v.replace(/z/gi,"2")
v=v.replace(/e/gi,"3")
v=v.replace(/a/gi,"4")
v=v.replace(/s/gi,"5")
v=v.replace(/t/gi,"7")
}

Bom é isso espero ter ajudado a galera, pois na minha opinião está é a forma mais rapida e organizada de trabalharmos com mascaras em javascript.

Caso tenha duvida em como usar expressões regulares pergunta ai que respondo.
Abraços a todos.
Bom proveito do código.

 


Classe De Conexão Com 4 Tipos De Banco De Dados

25/08/2008, 18:54

Olá pessoal este é meu primeiro post aqui :D, mas vamos ao que interressa e mão na massa.

Hoje vou demostrar como criarmos uma classe mãe de multiplos banco de dados e como usarmos ela seja sua própria classe ou em classe que sejam herdeiras suas. hehehe

Bom aqui está o codigo fonte:

Banco.class.php(Classe Pai)

<?php

class Banco {
	var  $Con;
	var  $GetCon;
	var  $DirCon;
	var  $QueryLista;
	var  $OracleQueryLista;
	var  $TotalLista;
	var  $TotalRegistros;
	var  $Lista;
	var  $ExeQuery;
	var  $ExecQueryOracle;
	var  $TipoCon = 1;					 
	var  $Server = "localhost"; 	 
	var  $Database ="oferta";		 
	var  $UserDb = "matheus";	 
	var  $PassWDDb = "12345";	 
	var  $Erro_db = "Erro ao se conectar ao Banco de Dados.!!";
	var  $CloseDatabase;
	var  $DirecHome = "/path/pro/diretorio/do/oracle";
	
	/*# - Construtor da classe - #*/
	function Banco() {
			$this->ConexaoODBC();
	}
	
	/*# - Metodo que conecta oo banco de dados e é chamado pelo Construtor da classe - #*/
	function ConexaoODBC(){
		switch($this->TipoCon){ 
			//MSSQL (MICROSOFT SQL SERVER)
			case 1:
			$this->Con = mssql_connect($this->Server,$this->UserDb,$this->PassWDDb) or die($this->Erro_db);
			$this->GetCon = mssql_select_db($this->Database,$this->Con);
			break;
			//MYSQL
			case 2:
			$this->Con = mysql_connect($this->Server,$this->UserDb,$this->PassWDDb) or die($this->Erro_db);
			$this->GetCon = mysql_select_db($this->Database,$this->Con);
			break;
			//POSTGRESQL
			case 3:		
			$this->Con = pg_connect("dbname=$this->Database port=5432 host=$this->Server user=$this->UserDb password=$this->PassWDDb") 
						 or die($this->Erro_db);
			break;			 
			//ORACLE 8I,9I,10G
			case 4:
			$this->Con = @ocilogon($this->UserDb, $this->PassWDDb, $this->Server) 
						 or die($this->Erro_db);
			$this->DirCon = putenv("ORACLE_HOME=".$this->DirecHome."");
			$this->GetCon =	putenv("ORACLE_SID=".$this->Database."");
			break; 
		}			 
		
	}
	
	/*# - Executa query de banco - #*/
	function ExecDatabase($StringSQL){
		switch($this->TipoCon){
			case 1:
				if($this->ExeQuery = mssql_query($StringSQL, $this->Con)){
					return true;
				}else{
					return false;
				}
			break; 
			case 2:
				if($this->ExeQuery = mysql_query($StringSQL, $this->Con)){
					return true;
				}else{
					return false;
				}
			break;
			case 3:
				if($this->ExeQuery = pg_query($StringSQL, $this->Con)){
					return true;
				}else{
					return false;
				}
			break;
			case 4:
				$this->ExecQueryOracle = ociparse($this->Con, $StringSQL);
			 	$this->ExeQuery = ociexecute($this->ExecQueryOracle);
			 	if($this->ExeQuery){
					return true;
				}else{
					return false;
				}
			break;
			
		}
	}
	
	/*# - Monta o objeto completo dos resultados da query - #*/
	function ViewDatabase(){
		switch($this->TipoCon){
			 case 1:
			 	if($this->Lista = mssql_fetch_array($this->ExeQuery)){
					return TRUE;
				}else{
					return FALSE;
				}
			 break;
			 case 2:
			 	if($this->Lista = mysql_fetch_array($this->ExeQuery)){
					return TRUE;
				}else{
					return FALSE;
				}
			 break;
			 case 3:
			 	if($this->Lista = pg_fetch_array($this->ExeQuery)){
					return TRUE;
				}else{
					return FALSE;
				}
			 break;
			 case 4:
			 	if($this->Lista = ocifetch($this->ExeQuery )){
					return TRUE;
				}else{
					return FALSE;
				}
			 break;
		}
	}
	
	/*# - Retorna o total de linhas afetadas - #*/
	function TotalNumRegistros(){
		switch($this->TipoCon){
			 case 1:
			 	$this->TotalRegistros = mssql_num_rows($this->ExeQuery);
			 break;
			 case 2:
				 $this->TotalRegistros = mysql_num_rows($this->ExeQuery);
			 break;
			 case 3:
				 $this->TotalRegistros = pg_num_rows($this->ExeQuery);
			 break;
			 case 4:
			 	$this->TotalRegistros = ocinumcols($this->ExeQuery);
			 break;
		}
		return $this->TotalRegistros;	 
	}
	
	/*# - Fecha conexão com o banco de dados - #*/
	function CloseODBC(){
		switch($this->TipoCon){
			case 1:
				$this->CloseDatabase = mssql_close($this->Con);
			break;
			case 2:
				$this->CloseDatabase = mysql_close($this->Con);
			break;
			case 3:
				$this->CloseDatabase = pg_close($this->Con);
			break;
			case 4:
				$this->CloseDatabase = ocilogoff($this->Con);
			break;
		}
	}
	
	/*# - Destrutor da classe - #*/
	function __destruct(){
		@CloseODBC();
	}
	
}
?>


Note que deixei alguns comentários referente ao que significa cada método e seus respectivos atributos, vale lembrar que está classe e altamente editável para seu uso.
note que ao instanciarmos nossa classe Banco, automaticamente seu construtor já faz a conexão baseado no servidor, login, senha e base de dados forncecidos dentro da classe, vale lembrar que estás variáveis que são para sua configuração:
$TipoCon = 1(Tipo de banco. Ex: 1- SQL server; 2- Mysql; 3- PostgreSql e 4- ORACLE);
$Server = "localhost"(Servidor);
$Database ="oferta"(Banco de dados);
$UserDb = "matheus"(Usuário);
$PassWDDb = "12345"(Senha);


Bom vejamos como usar esta classe de um modo simples em uma Seleção de Dados e Uma Inserção.

#teste_simples_selecao.php
<?php
  require_once(Banco.class.php)
  $ExecDb = new Banco; 
  if($ExecDb->ExecDatabase("SELECT * FROM CLIENTE")){
	 while($ExecDb->ViewDatabase()){
		  echo $ExecDb->Lista['nome'].'<br>';
	 }
  }
  unset($ExecDb);
?>

#teste_simples_insercao.php
<?php
  require_once(Banco.class.php)
  $ExecDb = new Banco; 
  if($ExecDb->ExecDatabase("INSERT INTO CLIENTE (nome,email) VALUES ('Matheus Biagini','matheus@itcon.com.br')")){
	 echo "Inserido com sucesso!"
  }else{
	 echo "Houve um erro!";
  }
  unset($ExecDb);
?>


Note que assim que Instanciamos a class Banco ela já faz a conexão com o banco de dados escolhido e assim no metodo ExecDatabase faz a execução da Query retornando verdadeiro ou false, bom assim que usamos o metodo ViewDatabase ele já acessa o atributo do metodo ExecDatabase trazendo nosso objeto populado com dados. Assim que executamos o atributo Lista['<nome do campo da tabela>'] ele já trás os dados.

Bom espero ter ajudado vocês, no meu proximo POST vou ensinar como usar esta classe em outras classe deixando assim um código flexivel e facil de alterar.

Obs: Não sei porque mas coloquei o código inteiro identado mas este forum zonea tudo heheh.

Estou anexando o Attached File  codigo_fonte.zip   1.87KB   27 downloads.

Abraços a todos.
Qualquer duvida é só postar.


Ah galera ficou identado sim hehhe. Agora que vi.

  1. Fórum WMO
  2. → Viewing Profile: Tópicos: Matheus Biagini
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq