Alguem sabe como faço para mostra uma janela do tipo showmenssage browser???
Obrigada!!
alert('Mensagem');
Mais eu gostaria de exibir essa tela apenas se caso o usuario deichar um imput em branco!!!
Tambeme funciona pra esse caso???
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.
Obrigada pela atenção e pela ajuda vou tentar emplementar isto, qualquer coisa continuarei postando aqui!!!
valew
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…
[code]<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>
[/code]
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.
Como ficaria o nome do meus campos???
function validaCampos(){
var field = document.forms[0];
if(field.??? == ‘’ || field.??? ==’’ || field.??? == ‘’){
alert(‘Existem campos vazios’);
}
}
Por favor tem como vc estruturar novamente esse seu javascript, não consigo entender onde devo colocar o onsubmit= “validacampos()”
onde que ele vai???
dentro da tag form:
function validaCampos(){
// implementa o codigo la em cima
}<form onSubmit="validaCampos()">Blza?
abraço
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:
[code]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;
}
}
[/code]
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>[b][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][/b]
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(){
[color=darkred]
if( form.formTeste:variavelTeste == ''){
[/color]
alert('Existem campos vazios');
return false;
}
}
[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]
você tem que definir um nome pra sua tag form.
Seu jsp fica assim:
<h:form name="meuForm" onsubmit="validaCampos();">
<h:inputText name="variavelTeste" value="#{TesteMBean.objTeste.atributoTeste}"/>
<h:commandButton value="Testar" action="#{TesteMBean.vamosTestar}"/>
</h:form>Seu javascript:
function validaCampos(){
if(document.meuForm.variavelTeste == ''){
alert('bla');
return false;
}
}Vê se da certo ai.
quando coloca name="" no h:form ele da erro!!!
nao pode colocar name deve ser de outro jeito que eu não sei!!!
tira o nome entao e na function faz:
document.forms[0].variavelTeste == ''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
Então…
você pode tirar o name da tag form, e lah no java script, vc acessa assim:
document.forms[0]Tenta ai e me fala se deu.
O atributo name de <form> é deprecated. Use id:
<form id="cadastro" ...>var form = document.getElementById("cadastro");E como que eu faço pra usar o id do imput???
Desde já agradeço
Da mesma forma que o amigo ai em cima falou:
getElementyById(“iddoiNNNput”);
:lol:
Estarei implementando e entro em contato com vcs!
OBRIGADOOOOOOOOOOOOOOOOO…