JavaScrip + Firefox - Problemas

njr · 1 de dezembro de 2009

Pessoal,

fiz um formulário em HTML para envio de e-mail direto do site. Coloquei um script em JavaScrip para validar se o usuário preencheu determinados campos.

Essa validação está funcionando no IE e no Chrome. Mas no Firefox ela passa direto e envia o formulário, mesmo com os campos vazios.

Alguém pode me ajudar a identificar o problema?

Agradeço desde já.

Segue o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contato (Simulador de Autômatos)</title>

<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}
span.required{
	font-size: 13px;
	color: red;
	font-weight: bold;
}
-->
</style>

</head>
<body>

<script language="Javascript">
function validar(form)
{ 
	nome = document.q_form_93331150948.q0_Nome.value; // verifica o campo nome
	if (nome == "") { // verifica se o campo nome está vazio
		document.q_form_93331150948.msg.value = "O campo NOME é obrigatório"; // mensagem exibida se o campo não for preenchido
		q_form_93331150948.q0_Nome.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
		return false;
	}

	email = document.q_form_93331150948.q1_Email.value; // verifica o campo e-mail
	if (email == "") {
		document.q_form_93331150948.msg.value = "O campo E-MAIL é obrigatório";
		q_form_93331150948.q1_Email.focus(); 
		return false;
	}else{		
		var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);  
		if(typeof(email)=="string")
		{   
			if(!er.test(email))
		    {
		    	document.q_form_93331150948.msg.value = "O e-mail digitado NÃO é válido";
				q_form_93331150948.q1_Email.focus();
				return false;
			}
		}				
	}

	mensagem = document.q_form_93331150948.q9_Assunto.value;	
	if (mensagem == "") {
		document.q_form_93331150948.msg.value = "O campo ASSUNTO é obrigatório";
		q_form_93331150948.q9_Assunto.focus();
		return false;
	}

	mensagem = document.q_form_93331150948.q6_Mensagem.value;	
	if (mensagem == "") {
		document.q_form_93331150948.msg.value = "O campo MENSAGEM é obrigatório";
		q_form_93331150948.q6_Mensagem.focus();
		return false;
	}
}
</script>

<form accept-charset="utf-8"  action="http://jotform.com/submit.php"  method="post" name="q_form_93331150948" onSubmit="return validar(this)"> 
<input type="hidden" name="formID" value="93331150948" /> 
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>     
      <td valign="bottom">Nome: <span class="required">*</span></td>
    </tr>
    <tr>
      <td height="30" valign="middle"> <input type="text" size="40" name="q0_Nome" class="text" value="" id="q0"/></td>
    </tr>
    <tr>
      <td height="30" valign="bottom">E-mail: <span class="required">*</span></td>
    </tr>
    <tr>
      <td height="30" valign="middle"><input type="text" size="40" name="q1_Email" class="text" value="" id="q1" /></td>
    </tr>
    <tr>
      <td height="30" valign="bottom">Instituição de ensino:</td>
    </tr>
    <tr>
      <td height="30" valign="middle"><input type="text" size="40" name="q2_Instituiodeensino" class="text" value="" id="q2"/></td>
    </tr>
    <tr>
      <td height="30" valign="bottom">Cidade:</td>
    </tr>
    <tr>
      <td height="30" valign="middle"> <input type="text" size="40" name="q8_Cidade" class="text" value="" id="q8"/></td>
    </tr>
    <tr>
      <td height="30" valign="bottom">Assunto: <span class="required">*</span></td>
    </tr>
    <tr>
      <td height="30" valign="middle"> <input type="text" size="40" name="q9_Assunto" class="text" value="" id="q9" /></td>
    </tr>
    <tr>
      <td height="30" valign="bottom">Mensagem: <span class="required">*</span></td>
    </tr>
    <tr>
      <td height="30" valign="middle"><label>
        <textarea cols="32" rows="8" name="q6_Mensagem" class="text" id="q6"></textarea>
      </label></td>
    </tr>
    <tr>
      <td height="50" valign="middle"><input type="submit" class="btn" value="Enviar" />
      <input name="msg" type="text" size="30" readonly="readonly" style="border-width: 0; color:#F00" /></td>
    </tr>
  </table>
</FORM>
</body>
</html>