ShowMenssage via browser?

20 respostas
F

Alguem sabe como faço para mostra uma janela do tipo showmenssage browser???

Obrigada!!

20 Respostas

F
alert('Mensagem');

:slight_smile:

F

Mais eu gostaria de exibir essa tela apenas se caso o usuario deichar um imput em branco!!!

Tambeme funciona pra esse caso???

F

Bom dia Felipe.
Você tem que fazer a validação java script:
Mais ou menos assim:
Sua função de validação :

function validaCampos(){
    var field = document.forms[0];
    if(field.campo1 == '' || field.campo2 =='' || field.campo3 == ''){
       alert('Existem campos vazios');
    }
}

E no seu botao submit, você chama essa funcao validaCampos().
OK?

Abraço.

F

Obrigada pela atenção e pela ajuda vou tentar emplementar isto, qualquer coisa continuarei postando aqui!!!

valew

F

Como que eu faço para fazer o javascript funcionar no meu JSP?????

como que eu faço aquele seu codigo para esse jsp??? oq eu tenho q mudar nesse JSP???
Quero que a carga seje obrigatória para depois chamar o meu oc.verificaDepositanteContainer.

Quando o usuario nao digiotar nada imprime a mensage dizendo q carga é obrigatória.

Meu codigo em JSP...

<div align="center">
  <table width="750" border="0">
    <tr>
      <td><p align="left"><img src="Imagens/image001.jpg" width="326" height="111"></p>
      <p> </p></td>
    </tr>
    <tr>
      <td><div align="center">
        <p class="style4">OC</p>
        <p class="style5"></p>
          
          <div align="center">
<f:view>                
        <h:form>          
            <table width="200" border="0">
              <tr>
                <td width="60" class="style1"><div align="center">Carga</div></td>
                <td width="130"><h:inputText value="#{oc.objOC.carga}"/></td>
              </tr>
              <tr>
                <td class="style1"><div align="center"></div></td>
                <td><div align="center">
                    <h:commandButton value="Cadastrar" action="#{oc.verificaDepositanteContainer}"/></td>
              </tr>
              <tr>
                <td class="style1"><div align="center"></div></td>                 
                <td></td>
             </tr>      
              <tr>
                <td> </td>               
                <td>
                </td>
              </tr>
                      </table>
                      </h:form>
                  </f:view>
          </div>
          <p align="left"> </p>
        <p class="style4"> </p>
        </div></td>
    </tr>
    <tr>
      <td><br><div align="right" class="style1"><a href="./faces/index.jsp">Principal>></a></div></td>
    </tr>
  </table>
</div>
F

Você tem que fazer o seguinte:
na tag form vc adiciona:

onsubmit="validaCampos()"

E na sua funcao javascript, além do alter, voce coloca:

return false;

E quando o cara clicar no botao submit do seu jsp, ele entra na na funcao,
verifica se o valor está vazio, se estiver vazio então ele exibe uma msg e retorna falso, e para a execução.

Entendeu?

Abraço.

F

Como ficaria o nome do meus campos???

function validaCampos(){

var field = document.forms[0];

if(field.??? == ‘’ || field.??? ==’’ || field.??? == ‘’){

alert(Existem campos vazios);

}

}
F

Por favor tem como vc estruturar novamente esse seu javascript, não consigo entender onde devo colocar o onsubmit= “validacampos()”

onde que ele vai???

F

dentro da tag form:

function validaCampos(){
   // implementa o codigo la em cima
}
<form onSubmit="validaCampos()">

Blza?
abraço

F

Descupi minha ignorancia mais não estou conseguindo resolver o problema.
:sad:

Criei um exemplo para testa e irei colocar o codigo abaixo e mostrarei onde tenho duvidas.

MEU MD:
public class TesteMd {
    
    private String atributoTeste;
    
    /** Creates a new instance of TesteMd */
    public TesteMd() {
    }

    public String getAtributoTeste() {
        return atributoTeste;
    }

    public void setAtributoTeste(String atributoTeste) {
        this.atributoTeste = atributoTeste;
    }

}
MEU MBean:
public class TesteMBean {
   
    private TesteMd objTeste;
    
    /** Creates a new instance of TesteMBean */
    public TesteMBean() {
        setObjTeste(new TesteMd());
    }

    public String vamosTestar(){
    
        System.out.println("Teste = " + getObjTeste().getAtributoTeste());
        
        return "success";
    }
    
    public TesteMd getObjTeste() {
        return objTeste;
    }

    public void setObjTeste(TesteMd objTeste) {
        this.objTeste = objTeste;
    }
    
    
}
MEU JSP
<f:view>
            
[color=red]

<h:form id="formTeste" onsubmit="validaCampos();">
                
<h:inputText id="variavelTeste" value="#{TesteMBean.objTeste.atributoTeste}"/>
                
<h:commandButton value="Testar" action="#{TesteMBean.vamosTestar}"/>
                
                
</h:form>

[/color]
           
</f:view>

[color="red"]

<h:form id="formTeste" onsubmit="validaCampos();">

<h:inputText id="variavelTeste" value="#{TesteMBean.objTeste.atributoTeste}"/>

<h:commandButton value="Testar" action="#{TesteMBean.vamosTestar}"/>


</h:form>

[/color]
Tenho duvida no meu jsp não sei como que chamo javascript e os os nome do form e da do imput ???

MEU JAVASCRIPT:
function validaCampos&#40;&#41;&#123; 
                      
&#91;color=darkred&#93;
            if&#40; form.formTeste&#58;variavelTeste == ''&#41;&#123;
&#91;/color&#93; 
                alert&#40;'Existem campos vazios'&#41;;
                return false; 
            &#125;
            
        &#125;

[color="darkred"]
if( form.formTeste:variavelTeste == ''){
[/color]

Minha duvida neste caso é como que eu faço para pegar o form e a variavel????

Obrigado pela ajuda.... :)[color="red"][/color][color="#444444"][/color]

F

você tem que definir um nome pra sua tag form.
Seu jsp fica assim:

&lt;h&#58;form name="meuForm" onsubmit="validaCampos&#40;&#41;;"&gt;
               
&lt;h&#58;inputText name="variavelTeste" value="#&#123;TesteMBean.objTeste.atributoTeste&#125;"/&gt;
               
&lt;h&#58;commandButton value="Testar" action="#&#123;TesteMBean.vamosTestar&#125;"/&gt;           
&lt;/h&#58;form&gt;

Seu javascript:

function validaCampos&#40;&#41;&#123;
 if&#40;document.meuForm.variavelTeste == ''&#41;&#123;
   alert&#40;'bla'&#41;;  
   return false;
 &#125;
&#125;

Vê se da certo ai.

F

quando coloca name="" no h:form ele da erro!!!

nao pode colocar name deve ser de outro jeito que eu não sei!!!

F

tira o nome entao e na function faz:

document.forms&#91;0&#93;.variavelTeste == ''
F

Acho que vc não me entendeu!!!

É o seguinte, vc mandou eu fazer assim oh:

<h:form name=“meuForm” onsubmit=“validaCampos();”>

<h:inputText name=“variavelTeste” value="#{TesteMBean.objTeste.atributoTeste}"/>

<h:commandButton value=“Testar” action="#{TesteMBean.vamosTestar}"/>
</h:form>

mais não é possivel que eu faça assim pq no <h:form> ele não permite que coloque <h:form [color=“red”]name=""[/color] >

Mais por favor nao desista de me ajudar.

hehehe

F

Então…
você pode tirar o name da tag form, e lah no java script, vc acessa assim:

document.forms&#91;0&#93;

Tenta ai e me fala se deu.

S

O atributo name de <form> é deprecated. Use id:

&lt;form id="cadastro" ...&gt;
var form = document.getElementById&#40;"cadastro"&#41;;
F

E como que eu faço pra usar o id do imput???

Desde já agradeço

F

Da mesma forma que o amigo ai em cima falou:
getElementyById(“iddoiNNNput”);

F

:lol:

Estarei implementando e entro em contato com vcs!

OBRIGADOOOOOOOOOOOOOOOOO…

F

Ainda estou com dificudades…

Meu ja tentei de tudo…

Será que teria um exemplinho com apenas um campo e um botão para me mandar??

Ficaria muito grato, mais muito mesmo!!!

Obriogado pela gentileza.

Criado 31 de agosto de 2006
Ultima resposta 5 de set. de 2006
Respostas 20
Participantes 3