Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mouraiv

[Resolvido] jQuery validate não esta funcionando no IE

Recommended Posts

Boa noite!

 

Caros amigos, quero tira uma duvida, pesquisei na web mais não consegui achar uma solução para o meu formulário de cadastro, implementei uma validação jQuery, funciona perfeitamente no Firefox e Chrome mais na maldita do IE a validação não esta carregando(não funciona)alguém pode me ajudar?

 

segue o script

 


<script language="JavaScript" src="js/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="js/commond.js" type="text/javascript"></script>
<script language="JavaScript" src="js/jquery.validate.js" type="text/javascript"></script>
<script language="JavaScript" src="js/jquery.maskedinput.js" type="text/javascript"></script>

<form name="formContato" id="formContato" method="post" >
   <table width="350" height="308" border="0" cellpadding="0" cellspacing="0">
     <tr>
       <td width="126" height="28" align="right" class="font2">Usuario:</td>
       <td width="8" valign="bottom"> </td>
       <td width="216" class="valid"><label>
         <input name="txtNome" type="text" size="35" />
         </label></td>
     </tr>
     <tr>
       <td height="40" align="right" class="font2">e-mail:</td>
       <td valign="bottom"> </td>
       <td class="valid"><label>
         <input name="txtEmail" id="txtEmail" type="text" size="35" />
       </label></td>
     </tr>
     <tr>
       <td height="40" align="right" class="font2">Insira o e-mail novamente:</td>
       <td valign="bottom"> </td>
       <td class="valid"><label>
         <input name="txtEmailx" type="text" size="35" />
       </label></td>
     </tr>
     <tr>
       <td height="40" align="right" class="font2">Nova senha:</td>
       <td valign="bottom"> </td>
       <td class="valid"><label>
         <input name="txtSenha" type="password" size="35" />
       </label></td>
     </tr>
     <tr>
       <td height="40" align="right" class="font2">Eu sou:</td>
       <td valign="bottom"> </td>
       <td class="valid"><select name="txtSexo">
       <option value="">Selecione o gênero:</option>
       <option value="Masculino">Masculino</option>
       <option value="Feminino">Feminino</option>";
       </select></td>
     </tr>
     <tr>
       <td height="40" align="right" class="font2">Aniversário:</td>
       <td valign="bottom"> </td>
       <td class="valid"><label>
         <input name="txtData" type="text" id="mdata" size="6" />
       </label></td>
     </tr>
     <tr>
       <td height="44" align="right" valign="bottom"> </td>
       <td height="44" align="right" valign="bottom"> </td>
       <td height="44" align="center" class="valid"><label>
         <input type="checkbox" name="txtTermo"/>
         <span class="termos">Termos de condição</span></label></td>
       </tr>
     <tr>
       <td height="10" align="right"> </td>
       <td> </td>
       <td align="center">
       <input type="hidden" name="acao" value="cadastrar" />
       <input type="submit" value="Cadastrar" /></td>
     </tr>
     </table>
 </form>

 

script validação

 

$(document).ready( function() {	
               $("#formContato").validate({
                   // Define as regras
                   rules:{
                       txtNome:{
                           // será obrigatorio (required) e terá tamanho minimo (minLength)
                           required: true, minlength: 3
                       },
                       txtEmail:{
                           // será obrigatorio (required) e tem que ser um e-mail válido (email)
                           required: true, email: true
                       },
					txtEmailx:{
                           required: true,
						// será obrigatorio (required) e tem que ser um e-mail válido (email)
                           equalTo:"#txtEmail"

                       },
                       txtSenha:{
                           // será obrigatorio (required) e terá tamanho minimo (minLength)
                           required: true, minlength: 6
						},
                       txtSexo:{
                           // será obrigatorio (required) e terá tamanho minimo (minLength)
                           required: true
						},
                       txtData:{
                           // será obrigatorio (required) e terá tamanho minimo (minLength)
                           required: true, minlength: 8
                       },
					txtTermo:{
                           // será obrigatorio (required) e terá tamanho minimo (minLength)
                           required: true 
                       }
                   },
                   // Mensagens de erro para cada regra
                   messages:{
                       txtNome:{
                           required: "<br />Digite o seu usuário.",
                           minlength: "<br />O seu usuário deve conter, no mínimo 3 caracteres."
                       },
                       txtEmail:{
                           required: "<br />Digite o seu e-mail para contato.",
                           email: "<br />Digite um E-mail válido."
                       },
					txtEmailx:{
                           required: "<br />Comfirme o seu e-mail.",
                           equalTo:"<br />E-mail não confere."
                       },
                        txtSenha:{
                           required: "<br />Digite o seu nome.",
                           minlength: "<br />O sua senha deve conter, no mínimo 6 caracteres."
                       },
					 txtSexo:{
                           required: "<br />Qual o seu gênero.",
                           minlength: "<br />Selecione um gênero."
                       },
					 txtData:{
                           required: " Digite uma Data válida.",
                           minlength: " Digite uma Data válida."
                       },
					txtTermo:{
                           required: " Aceite os"
                       }
				 }
               });
           });

jQuery(function($){
			$("#mdata").mask("99/99/9999");
			});

 

Fico no aguardo de uma resposta,

 

Grato!

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu também tive dificuldades com isso mais descobri que o problema é conveniente a versão do Jquery da versão maior ou igual a 1.6 ele apresenta problemas, eu passei utilizar 1.5 nas páginas que necessitam o plugin e tudo voltou ao normal.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.