0

Preciso inserir na minha JSP uma função que limpe o valor do input quando o usuário clicar para inserir o valor, mas não posso inserir class no input, nem é aceito Placeholder e nem Onclick, alguém poderia me dizer alguma forma de fazer?

<%@taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<SCRIPT>
function verificarEEnviar()
{   
    var dsEmail=document.captacaoEmailsForm["dsEmail"].value;
    var atpos=dsEmail.indexOf("@");
    var dotpos=dsEmail.lastIndexOf(".");
        if (atpos<1 || dotpos<atpos+2 || dotpos+2>=dsEmail.length)
        {
            alert("Não é um endereço de e-mail válido");   
        }
        else{
            return document.captacaoEmailsForm.submit();
        }
        document.captacaoEmailsForm.reset();       
}
</SCRIPT>
<div class="captacao">
    <html:form action="/captacaoEmails" styleId="cadastroCliente2"> 
    <div class="captacao-titulo">Cadastre-se e receba<span> ofertas exclusivas </span> </div>
    <div class="captacao-email"> 

        <html:text tabindex="5" property="dsEmail" maxlength="60" onClick="this.form.reset()" value="inserir seu email" />
        <a href="javascript:verificarEEnviar();" id="btContinuar" class="captacao fr">Enviar</a>
        <br>
        <html:errors property="dsEmail" header="empty"/>
    </div>
    </html:form>
</div> 
2
  • Tem uma função que chama reset não poderia usar ela? Assim que ele clicar , a sua ação insere e dá o comando no input. Commented 3/10/2014 às 18:18
  • Posso usar o reset, mas terei que posteriormente usar um Onclick pra ativar a função no campo, não?
    – CRAJ
    Commented 3/10/2014 às 18:31

1 Resposta 1

1

Criei a função 'clearThis' e chamei no campo onde desejava através do 'onfocus="clearThis(this)' e funcionou, espero que ajude a quem precise assim como me ajudou quando funcionou o código.

<%@taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
  <%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
    <SCRIPT>
    document.dsEmail.reset();
    /*função valida email*/
    function verificarEEnviar()
    {   
        var dsEmail=document.captacaoEmailsForm["dsEmail"].value;
        var atpos=dsEmail.indexOf("@");
        var dotpos=dsEmail.lastIndexOf(".");
            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=dsEmail.length)
            { alert("Não é um endereço de e-mail válido");
            }
            else{ return document.captacaoEmailsForm.submit(); }
        }
        function clearThis(target){
        target.value= "";
        }
    </SCRIPT>
     <div class="captacao">
        <html:form action="/captacaoEmails" styleId="cadastroCliente2"> 
        <div class="captacao-titulo">Cadastre-se e receba<span>ofertas exclusivas</span> </div>
        <div class="captacao-email"> 
            <html:text tabindex="5" property="dsEmail" maxlength="60" value="Digite seu E-mail" onfocus="clearThis(this)"/>
            <a href="javascript:verificarEEnviar();" id="btContinuar" class="captacao fr">Enviar</a>
            <br>
            <html:errors property="dsEmail" header="empty"/>
        </div>
        </html:form>
   </div> 

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .