Talvêz seja só mudar uma coisinha nos códigos, mas para mim que sou principiante ja quebrei a cabeça e nada deu certo.

Mas as outras coisas todas funcionaram. Quando puderes posta um tuto de data!

Bjo

var App = {
aplicarMascaras : function() {
$(“.numerico”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_APENAS_NUMEROS);
});
});
$(“.telefone”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_TELEFONE);
});
});
$(“.cpf”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_CPF);
});
});
$(“.decimal”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_DECIMAL);
});
});
$(“.data”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_DATA);
});
});
$(“.cep”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_CEP);
});
});
$(“.cnpj”).each(function() {
$(this).keypress(function() {
MascaraUtils.mascara(this, MascaraUtils.MASCARA_CNPJ);
});
});
}
};
var MascaraUtils = {
MASCARA_APENAS_NUMEROS : 1,
MASCARA_TELEFONE : 2,
MASCARA_CPF : 3,
MASCARA_DECIMAL : 4,
MASCARA_DATA : 5,
MASCARA_CEP : 6,
MASCARA_CNPJ : 7,
fn : null,
obj : null,
mascara : function(o, f) {
obj = o;
switch (f) {
case this.MASCARA_APENAS_NUMEROS:
fn = this.mascaraSoNumeros;
break;
case this.MASCARA_TELEFONE:
fn = this.mascaraTelefone;
break;
case this.MASCARA_CPF:
fn = this.mascaraCpf;
break;
case this.MASCARA_DECIMAL:
fn = this.mascaraDecimal;
break;
case this.MASCARA_DATA:
fn = this.mascaraData;
break;
case this.MASCARA_CEP:
fn = this.mascaraCep;
break;
case this.MASCARA_CNPJ:
fn = this.mascaraCnpj;
break;
}
setTimeout(“MascaraUtils.execmascara()”, 1);
},
execmascara : function() {
obj.value = fn(obj.value);
},
mascaraSoNumeros : function(v) {
return v.replace(/\D/g, “”);
},
mascaraTelefone : function(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;
},
mascaraCpf : function(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;
},
mascaraDecimal : function(v) {
var splitext = v.split(“”);
var revertext = splitext.reverse();
var v2 = revertext.join(“”);
v2 = v2.replace(/\D/g, “”);
v2 = v2.replace(/(\d{2})(\d)/, “$1,$2″);
v2 = v2.replace(/(\d{3})(\d)/, “$1.$2″);
v2 = v2.replace(/(\d{3})(\d)/, “$1.$2″);
v2 = v2.replace(/(\d{3})(\d)/, “$1.$2″);
splitext = v2.split(“”);
revertext = splitext.reverse();
v = revertext.join(“”);
return v;
},
mascaraData : function(v) {
v = v.replace(/\D/g, “”);
v = v.replace(/(\d{2})(\d)/, “$1/$2″);
v = v.replace(/(\d{2})(\d)/, “$1/$2″);
return v;
},
mascaraCep : function(v) {
v = v.replace(/\D/g, “”);
v = v.replace(/^(\d{5})(\d)/, “$1-$2″);
return v;
},
mascaraCnpj : function(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;
}
};

Abraço _o/

Procurava uma solução mais simples que o jquery.maskedinput.js pra utilizar junto com o smarty3 e que validasse em todos os browsers.

Só tive que fazer algumas alterações nas funções em conflito (mesma id).

Abraço

DGV

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<form name="form1" method="post" action="email.php">

  <table width="100" border="0" cellspacing="0" cellpadding="0" align="center">

    <tr bgcolor="#FFFF00"> 

      <td valign="top" width="100" nowrap><font class="texto">Nome:</font></td>

      <td> 

        <input class="form_campos" type="text" name="nome" size="23"/>

      </td>

    </tr>

    <tr bgcolor="#FFFF00"> 

      <td valign="top" width="100" nowrap><font class="texto">Telefone:</font></td>

      <td>

        <input id="itelefone" onkeypress="mascara(this,telefone)"  maxlength="14" /> 

      </td>

    </tr>

    <tr bgcolor="#FFFF00"> 

      <td valign="top" width="100" nowrap><font class="texto">E-mail:</font></td>

      <td> 

        <input class="form_campos" type="text" name="email" size="23"/>

      </td>

    <tr bgcolor="#FFFF00">

       <td valign="top" width="100" nowrap><font class="texto">Site:</font></td>

       <td>        

        <input id="isite" onkeyup="mascara(this,site)" value="http://" /> 

    </tr>

    <tr bgcolor="#FFFF00"> 

      <td valign="top" width="100" nowrap><font class="texto">Assunto:</font></td>

      <td> 

        <select class="form_campos" name="assunto">

          <option class="form_campos" value="Opinião" selected>Opinião</option>

          <option class="form_campos" value="Sugestão">Sugestão</option>

          <option class="form_campos" value="Parceria">Parceria</option>

          <option class="form_campos" value="Reclamação">Reclamação</option>

          <option class="form_campos" value="Outros">Outros</option>

        </select>

      </td>

    </tr>

    <tr bgcolor="#FFFF00"> 

      <td valign="top" width="100" nowrap><font class="texto">Mensagem:</font></td>

      <td> 

        <textarea class="form_campos" name="mensagem" cols="22" rows="6" size="auto"></textarea>

      </td>

    </tr>

    <tr bgcolor="#FFFF00"> 

      <td colspan="2" valign="middle"> 

        <br>

        <div align="center"> 

          <input class="form_botao" type="submit" name="Enviar" value="Enviar Mensagem">

          <input class="form_botao" type="reset" name="Limpar" value="Limpar">

        </div>

      </td>

    </tr>

  </table>

</form>