lgweb
Abril 7, 2008, 7:03pm
#1
Estou tentando executar alguns javascripts com jsf,mas nao tenho a menor nocao de como funciona,alguem teria um exemplo simples para demostrar,tipochecagem de valores em campos?
<script language="javascript">
function valida (){
if(document.getElementsByName("qtdmax").value < document.getElementsByName("qtdmin").value)
{ alert ("O valor máximo nao pode ser menor que o minimo"); return false;}
return true;
}
</script>
No botão
<h:commandButton onclick="valida()" />
lgweb
Abril 7, 2008, 7:50pm
#3
cara msm assim na funciona ele nao faz nada qdo clicko no botao,o que pode ser:
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich" %>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css"href='<%= request.getContextPath() + "/css/tabelas.css" %>'>
</head>
<body>
<script language="javascript">
function valida (){
if(document.getElementsByName("qtdmax").value < document.getElementsByName("qtdmin").value)
{ alert ("O valor máximo nao pode ser menor que o minimo"); return false;}
return true;
}
</script>
<f:view>
<f:loadBundle basename="com.Lgweb.Tcc.Model.messages" var="msg"/>
<h:form id="prod">
<c:import url="/topo.jsp"></c:import>
<rich:separator width="967"></rich:separator>
<h:panelGrid columns="2" width="800">
<h:column>
<c:import url="/view/produto/leftBar.jsp"></c:import>
</h:column>
<h:column>
<rich:panelBar height="500" width="900">
<rich:panelBarItem label="#{msg.cadastrarproduto}">
<h:panelGrid columns="3" width="605">
<h:commandButton value="Log33333333in" onclick=" valida()" immediate="true"/>
<h:outputText value="#{msg.modelo}"></h:outputText>
<h:inputText value="#{produto.produto.modelo}" styleClass="select"label="#{msg.modelo}" maxlength="40" required="true" id="modelo" style=" width : 350px;">
</h:inputText>
<h:message for="modelo" styleClass="erro" showSummary="true" showDetail="true"/>
<h:outputText value="#{msg.linha}"></h:outputText>
<h:inputText value="#{produto.produto.linha}" styleClass="select"label="#{msg.linha}" maxlength="40" required="true" id="linha" style=" width : 350px;">
</h:inputText>
<h:message for="linha" styleClass="erro" />
<h:outputText value="#{msg.numeracao}"></h:outputText>
<h:panelGroup>
<h:selectOneMenu value="#{produto.produto.numeracaoid}" styleClass="select" style=" width : 145px;" id="ids">
<f:selectItems value="#{produto.numeracaoids}"/>
</h:selectOneMenu>
<h:graphicImage value="/images/BOTOES/Search.png" style="cursor:pointer" onclick="Richfaces.showModalPanel('mp',{width:450, top:200})" width="21" height="15"/>
</h:panelGroup> <h:outputText value=""></h:outputText>
<h:outputText value="#{msg.qtdmin}"></h:outputText>
<h:inputText value="#{produto.produto.qtdminima}" styleClass="select"label="#{msg.qtdmin}" maxlength="6" required="true" id="qtdmin">
<f:validateLongRange minimum="1" maximum="100000"/>
</h:inputText>
<h:message for="qtdmin" styleClass="erro" />
<h:outputText value="#{msg.qtdmax}"></h:outputText>
<h:inputText value="#{produto.produto.qtdmaxima}" styleClass="select"label="#{msg.qtdmax}" maxlength="6" required="true" id="qtdmax">
<f:validateLongRange minimum="1" maximum="100000"/>
</h:inputText>
<h:message for="qtdmax" styleClass="erro" />
<h:outputText value="#{msg.qtdatual}"></h:outputText>
<h:inputText value="#{produto.produto.qtdatual}" styleClass="select"label="#{msg.qtdatual}" maxlength="6" required="true" id="qtdatual">
<f:validateLongRange minimum="1" maximum="100000"/>
</h:inputText>
<h:message for="qtdatual" styleClass="erro" />
<h:outputText value="#{msg.valorvenda}"></h:outputText>
<h:inputText value="#{produto.produto.valorvenda}" styleClass="select"label="#{msg.valorvenda}" maxlength="10" required="true" id="custo">
</h:inputText>
<h:message for="custo" styleClass="erro" />
<h:outputText value="#{msg.valorcompra}"></h:outputText>
<h:inputText value="#{produto.produto.valorcompra}" styleClass="select"label="#{msg.valorcompra}" maxlength="2" required="true" id="compra">
</h:inputText>
<h:message for="compra" styleClass="erro" />
<h:outputText value="#{msg.situacao}"></h:outputText>
<h:selectOneMenu value="#{produto.produto.situacao}" id="situacao" styleClass="select" required="true" style=" width : 143px;">
<f:selectItem itemLabel="#{msg.ativo}" itemValue="A"/>
<f:selectItem itemLabel="#{msg.inativo}" itemValue="I"/>
</h:selectOneMenu>
<h:message for="situacao" styleClass="erro" />
<h:outputText value="#{msg.data}"></h:outputText>
<rich:calendar value="#{produto.produto.datacadastro}"styleClass="select"
immediate="true" datePattern="dd/MM/yyyy">
</rich:calendar>
</h:panelGrid>
</rich:panelBarItem>
</rich:panelBar>
</h:column>
</h:panelGrid>
<center>
<h:commandButton action="#{produto.create}" value="#{msg.salvar}" styleClass="newButton"></h:commandButton>
<h:commandButton action="listproduto" value="#{msg.cancelar}" styleClass="newButton" immediate="true"></h:commandButton>
<h:commandButton action="Menu" value="#{msg.menu}" styleClass="newButton" immediate="true"></h:commandButton>
<rich:separator width="969"></rich:separator>
<c:import url="/Statusbar.jsp"></c:import>
</center>
</h:form>
<script>
function getRightTop(ref) {
var position = new Object();
position.top = 0; //ref.offsetTop;
position.left =0; // ref.offsetLeft+ref.clientWidth+6;
return position;
}
</script>
<rich:modalPanel id="mp" minHeight="300" minWidth="700"
height="300" width="700" zindex="2000">
<f:facet name="header">
<h:outputText value="#{msg.cadastrarnumeracao}" />
</f:facet>
<h:form>
<rich:separator width="700"></rich:separator>
<h:panelGrid columns="3" width="700">
<h:outputText value="#{msg.codigo}"></h:outputText>
<h:inputText value="#{numeracao.numeracao.numeracaoid}" styleClass="select" readonly="true" disabled="true"></h:inputText>
<h:inputHidden value=""></h:inputHidden>
<h:outputText value="#{msg.numero}"></h:outputText>
<h:inputText value="#{numeracao.numeracao.numero}" styleClass="select"label="Numeração" maxlength="2" required="true" requiredMessage="#{msg.obrigatorio}" id="numero">
<f:validateLongRange minimum="34" maximum="49"/>
</h:inputText>
<h:message for="numero" styleClass="erro"></h:message>
<h:outputText value="#{msg.observacoes}"></h:outputText>
<h:inputTextarea value="#{numeracao.numeracao.observacoes}" styleClass="select" style="width : 422px; height : 117px;"></h:inputTextarea>
</h:panelGrid>
<rich:separator width="700"></rich:separator>
<center>
<h:commandLink value="#{msg.salvar}" action="#{numeracao.create}"></h:commandLink>
<a >Fechar</a>:
</center>
</h:form>
</rich:modalPanel>
</f:view>
</body>
</html>
olha so eu coloquei o codigo todo aew, coloquei um botao para tentar fazer a verificacao,ja tentei com “return valida()”;,mas ate agora nada,se puder me ajudar fico grato.
vc tem que usar tmb o id do seu componente validado junto com id do form.
lgweb
Abril 8, 2008, 6:51am
#5
Opa blz cara,nao entendi direito o que vc falou?
var max=document.getElementById(prod:qtdmax).value;
var min=document.getElementById(prod:qtdmin).value;
mas tambem nao obtive exito,o que sera que esta faltando?
nesse último exemplo, faltou colocar os ids entre aspas
lgweb
Abril 8, 2008, 9:15am
#7
blz pessoal mto obrigado,consegui assim:
function valida (){
var max=document.getElementById("prod:qtdmax").value;
var min=document.getElementById("prod:qtdmin").value;
if(max < min)
{ alert ("O valor máximo nao pode ser menor que o minimo");
return false;
}
return true;
}
Mas to com uma duvida,tem como deixar o foco no campo qtdmax caso a qtd seja maior que a qtdminima?
Coloque esse codigo na sua função.
document.getElementById("prod:qtdmin").focus()
lgweb
Abril 8, 2008, 3:50pm
#9
valew cara funcionou o focus, mto obrigado a tds pela forca t+
