Postagens
Não informado
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>
