Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, beleza?
Então, eu estou criando aqui um formulário, e nele uso duas funções em js, uma que é para colocar os valores dentro do campo padrões, por exemplo: "Digite seu nome". Se o usuário não digita nada, ele volta pro valor padrão. A outra função é uma que verifica o e-mail, vendo se é válido.
O problema é que eu coloquei as duas funções tanto usando:
onBlur="ValidaEmail();escreverPadrao(this);"
e também:
onBlur="ValidaEmail();" onBlur="escreverPadrao(this);"
Porém, não dá certo, na hora de testar o formulário ele verifica o e-mail direito, mas o campo do E-mail não está sendo limpado, apenas os outros. Vou postar as duas funções .js e a parte do formulário:
function validar_email() {
<!--
var campo_email = document.id_form.campo_email.value;
//Checando se o endereço e-mail não esta vazio
if(campo_email=="") {
alert("É necessário preencher o campo e-mail!");
document.id_form.campo_email.focus();
return false;
}
//Checando se o endereço de e-mail é válido
if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(document.id_form.campo_email.value))) {
alert("Preencha um endereço de e-mail válido!");
document.id_form.campo_email.focus();
return false;
}
}
//função que limpa os campos
function limparPadrao(campo) {
if (campo.value == campo.defaultValue) {
campo.value = "";
}
}
function escreverPadrao(campo) {
if (campo.value == "") {
campo.value = campo.defaultValue;
}
}
<table>
<form action="processar.html" id="id_form" name="id_form" method="post" onSubmit="return validar_email();">
<tr>
<th align="left" valign="top">Nome: <font color="#FF0000">*</font> </th>
<td><input type="text" size="50" maxlength="50" name="busca" id="busca" value="Digite seu nome" onFocus="limparPadrao(this);" onBlur="escreverPadrao(this);"/></td>
</tr>
<tr>
<th align="left" valign="top">E-Mail: <font color="#FF0000">*</font> </th>
<td><input type="text" name="campo_email" size="40" maxlength="40" id="busca" value="Digite seu e-mail" onBlur="ValidaEmail();escreverPadrao(this);" onFocus="limparPadrao(this);" ></td>
</tr>
<tr>
<th align="left" valign="top">Assunto: <font color="#FF0000">*</font> </th>
<td><input type="text" size="20" maxlength="20" name="busca" id="busca" value="Assunto" onFocus="limparPadrao(this);" onBlur="escreverPadrao(this);"/></td>
</tr>
<tr>
<th align="left" valign="top">Mensagem: <font color="#FF0000">*</font> </th>
<td> <textarea rows="10" cols="60" style="resize:none" id="busca" onFocus="limparPadrao(this);" onBlur="escreverPadrao(this);">Sua mensagem aqui:</textarea></td>
</tr>
</table>
<table width="1200"><tr><th> <center><font color="#FF0000" size="-1">*</font> <font size="-1"> Campos de preenchimento obrigatório</font></center></th></tr> </table> <br>
<table width="740">
<tr>
<td><center><input type="submit" name="cmdenvio" value="Enviar" ><input type="reset" name="cmdlimpar" value="Limpar" /></center>
</tr>
</table>
</table>
</form>
E segue um print do formulário - quando clico no e-mail, ele não volta pro valor padrão.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img21.imageshack.us/img21/6026/il9.png&key=b5da3dd4d680bb503698c6cde9f2a9d7b622b5b1d139c4436e4f2eb8910cecdf" alt="il9.png" />
Agradeço a quem puder me ajudar :)
Carregando comentários...