[Resolvido] Validação de campo "Select" no ie8

[AlexSandroJAP 0]

Olá!

 

tenho um formulario de contato que nao valida no ie8. Depois de muito procurar o erro, estou achando que nao esta validando por causa do campo "select" que uso para o usuario dizer o departamento para o qual deve ir o contato. O erro que acontece quando digo q nao valida, é que ele envia o form sem verificar as regras para envio como preenchimento de campo obrigatorio. Gozado que só acontece no IE8. abaixo codigo para algum colega ver se talvez eu esteja fazendo algo errado.

 

<div id="faleconosco">
  <script type="text/javascript">
    $(document).ready(function()
    {
      //Mascaras
	  $("#telefone").mask("(99) 9999-9999");

      //Validação
      $("#formfaleconosco").validate(
      {
        rules: {
          departamento: {required: true},
          nome: {required: true},
          telefone: {required: true},
          email: {required: true, email: true},
          cidade: {required: true},
          estado: {required: true},
          assunto: {required: true},
          mensagem: {required: true}
        },
        messages: {
          departamento: {required: 'Preenchimento Obrigatório'},
          nome: {required: 'Preenchimento Obrigatório'},
          telefone: {required: 'Preenchimento Obrigatório'},
          email: {required: 'Preenchimento Obrigatório', email: 'E-mail Inválido'},
          cidade: {required: 'Preenchimento Obrigatório'},
          estado: {required: 'Preenchimento Obrigatório'},
          assunto: {required: 'Preenchimento Obrigatório'},
          mensagem: {required: 'Preenchimento Obrigatório'}
        }
      });
    });
  </script>

  <h2>Fale Conosco</h2>

  <form id="formfaleconosco" name="formfaleconosco" method="post" action="#">
    <fieldset>
      <label>
        <span>Departamento</span>
        <select id="departamento" name="departamento">
          <option selected="selected"></option>
          <option>Comercial</option>
          <option>Suporte</option>
        </select>
      </label>

      <label>
        <span>Nome</span>
        <input type="text" id="nome" name="nome" />
      </label>

      <input type="submit" id="botao" name="botao" class="botaofaleconosco" />
    </fieldset>
  </form>
</div> <!-- faleconosco -->

o formulario tem mais campos com da pra ver nas regras de validação, mas como estou testando acabei perdendo os demais digitar novamente..

 

 

abraço

[William Bruno 1501]

<option selected="selected"></option>
          <option>Comercial</option>
          <option>Suporte</option>

troque por:

<option value="" selected="selected"></option>
          <option value="Comercial">Comercial</option>
          <option value="Suporte">Suporte</option>

a primeira vista, foi isso que vi 'de errado'.

[AlexSandroJAP 0]

valeu. deu certinho sim. Obrigado mesmo.