Pessoal Tenho vários botões /adicionar/deletar/editar/pesquisar/ se o usuario nao preencher corretamente quero que mostre um painel, usando jquery eu sei fazer isso, mas usando PANEL, não sei, fiz assim:
eu estou colocando o evento no : <h:form id=“FORMP” onsubmit=“return validar( this );”>
poderia por no evento do botão ?
view
form1
no post do form verifica os campos e abri painel
/form1
form2
no post do form verifica os campos e abri painel
/form2
/view
Desta maneira não funciona Não funciona quando eu execulto não mostra nada, só funciona se eu usar somente um painel para somente um form.
Dúvida: SÓ DA PARA USAR UM PAINEL PARA UM FORM ? ou posso usar vários form e varios paineis ?
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.ajax4jsf.org/rich"%>
<%@ taglib prefix="stella" uri="http://stella.caelum.com.br/faces"%>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<%@ taglib uri="http://richfaces.ajax4jsf.org/rich" prefix="rich"%>
<script type="text/javascript" src="../js/jquery.maskedinput-1.2.1.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="StyleSheet" type="text/css" href="../style/estilos.css" media="screen" />
<title>Cadastro </title>
<!BGSOUND id="sound" src="sounds/cpf.wav" /-->
<script type="text/javascript">
function validar( formp )
{
if( document.forms['FORMP'].elements['FORMP:nome'].value == "")
{
Richfaces.showModalPanel('mp',{width:450, top:200});
return false;
}
return true;
}
</script>
</head>
<body>
<f:view><!-- PESQUISA -->
<h:form id="FORMP" onsubmit="return validar( this );">
<legend>Pesquisa de Clientes Pessoa Fisica</legend>
<h:panelGrid columns="2">
<h:outputLabel for="nomeLabel" value="Digite o nome: " />
<h:inputText id="nomeInput" value="#{clientefMB.clientef.nome}" styleClass="inputPesquisa2" validatorMessage="A nome pesquisa tem que ter no mínimo uma letra!">
<f:validateLength minimum="1"/>
<a4j:commandButton value="Pesquisar" action="#{clientefMB.pesquisaByNome}" styleClass="inputPesquisaBtn2" reRender="items,inputs">
</a4j:commandButton>
</h:inputText>
</h:panelGrid>
<!-- PESQUISA fim -->
<h:form id="FORMC">
<a4j:keepAlive beanName="clientefMB" />
<rich:messages/>:.
<h:outputText value="#{clientefMB.clientef.nome}" id="ajaxText"/>
<fieldset>
<legend>Cadastro de Cliente Pessoa Física</legend>
<a4j:region id="regiaoAjax">
<a4j:status id="sts">
<f:facet name="start">
<h:graphicImage value="/images/ajax-loader.gif" />
</f:facet>
</a4j:status>
</a4j:region>
<h:panelGrid columns="2" id="inputs">
<h:outputLabel for="nome" value="Nome.:" />
<h:inputText id="nome" value="#{clientefMB.clientef.nome}" styleClass="edit" size="50" />
<h:outputLabel value="CPF.:" for="cpf" />
<h:inputText id="cpf" value="#{clientefMB.clientef.cpf}" title="CPF.:" size="11">
<rich:jQuery selector="#cpf" query="mask('999.999.999-99')" timing="onload"/>
</h:inputText>
<h:outputLabel for="Data Nascimento.:" value="Data Nascimento.: " />
<rich:calendar id="datanacimento" value="#{clientefMB.clientef.datanacimento}">
<a4j:support event="ondateselected" reRender="mainTable"/>
</rich:calendar>
<h:outputLabel value="Naturalidade.:" for="naturalidade" />
<h:inputText id="naturalidade" value="#{clientefMB.clientef.naturalidade}" title="Naturalidade.:" />
<h:outputText value="UF.: "/>
<h:selectOneMenu value="#{clientefMB.clientef.uf_nas}">
<f:selectItem itemValue="AC" value=""/>
<f:selectItem itemValue="AL" value=""/>
<f:selectItem itemValue="AM" value=""/>
<f:selectItem itemValue="AP"value=""/>
<f:selectItem itemValue="BA" value=""/>
<f:selectItem itemValue="CE" value=""/>
<f:selectItem itemValue="DF" value=""/>
<f:selectItem itemValue="ES" value=""/>
<f:selectItem itemValue="FN" value=""/>
<f:selectItem itemValue="GO" value=""/>
<f:selectItem itemValue="MA" value=""/>
<f:selectItem itemValue="MG" value=""/>
<f:selectItem itemValue="MS" value=""/>
<f:selectItem itemValue="MT" value=""/>
<f:selectItem itemValue="PA" value=""/>
<f:selectItem itemValue="PB" value=""/>
<f:selectItem itemValue="PE" value=""/>
<f:selectItem itemValue="PI" value=""/>
<f:selectItem itemValue="PR" value=""/>
<f:selectItem itemValue="RJ" value=""/>
<f:selectItem itemValue="RN" value=""/>
<f:selectItem itemValue="RO" value=""/>
<f:selectItem itemValue="RR" value=""/>
<f:selectItem itemValue="RS" value=""/>
<f:selectItem itemValue="SC" value=""/>
<f:selectItem itemValue="SE" value=""/>
<f:selectItem itemValue="SP" value=""/>
<f:selectItem itemValue="TO" value=""/>
</h:selectOneMenu>
<h:outputLabel value="Documento.:" for="tipo_doc_ide" />
<h:selectOneMenu value="#{clientefMB.clientef.tipo_doc_ide}">
<f:selectItem itemValue="Carteira de Identidade - RG" value=""/>
<f:selectItem itemValue="Carteira de Trabalho e Previdência Social ? CTPS" value=""/>
<f:selectItem itemValue="Título de Eleitor" value=""/>
<f:selectItem itemValue="Cartão do PIS ou PASEP" value=""/>
<f:selectItem itemValue="Certificado de Reservista" value=""/>
<f:selectItem itemValue="Carteira Nacional de Habilitação ? CNH" value=""/>
<f:selectItem itemValue="Certidão de Casamento" value=""/>
</h:selectOneMenu>
<h:outputLabel value="Número do Documento.:" for="numero_doc" />
<h:inputText id="numero_doc" value="#{clientefMB.clientef.numero_doc}" title="Número Documento.:" />
<h:outputLabel value="Orgao Emissor.:" for="orgao_emi" />
<h:inputText id="orgao_emi" value="#{clientefMB.clientef.orgao_emi}" title="Orgao Emissor.:" />
<h:outputText value="UF Emissor .: "/>
<h:selectOneMenu value="#{clientefMB.clientef.uf_emis}">
<f:selectItem itemValue="AC" value=""/>
<f:selectItem itemValue="AL" value=""/>
<f:selectItem itemValue="AM" value=""/>
<f:selectItem itemValue="AP"value=""/>
<f:selectItem itemValue="BA" value=""/>
<f:selectItem itemValue="CE" value=""/>
<f:selectItem itemValue="DF" value=""/>
<f:selectItem itemValue="ES" value=""/>
<f:selectItem itemValue="FN" value=""/>
<f:selectItem itemValue="GO" value=""/>
<f:selectItem itemValue="MA" value=""/>
<f:selectItem itemValue="MG" value=""/>
<f:selectItem itemValue="MS" value=""/>
<f:selectItem itemValue="MT" value=""/>
<f:selectItem itemValue="PA" value=""/>
<f:selectItem itemValue="PB" value=""/>
<f:selectItem itemValue="PE" value=""/>
<f:selectItem itemValue="PI" value=""/>
<f:selectItem itemValue="PR" value=""/>
<f:selectItem itemValue="RJ" value=""/>
<f:selectItem itemValue="RN" value=""/>
<f:selectItem itemValue="RO" value=""/>
<f:selectItem itemValue="RR" value=""/>
<f:selectItem itemValue="RS" value=""/>
<f:selectItem itemValue="SC" value=""/>
<f:selectItem itemValue="SE" value=""/>
<f:selectItem itemValue="SP" value=""/>
<f:selectItem itemValue="TO" value=""/>
</h:selectOneMenu>
<h:outputLabel value="Data Emissão.:" for="data_emi" />
<rich:calendar id="data_emi" value="#{clientefMB.clientef.data_emi}">
<a4j:support event="ondateselected" reRender="mainTable"/>
</rich:calendar>
<h:outputLabel value="Data Vencimento.:" for="data_ven_doc" />
<rich:calendar id="data_ven_doc" value="#{clientefMB.clientef.data_ven_doc}">
<a4j:support event="ondateselected" reRender="mainTable"/>
</rich:calendar>
<h:outputLabel value="Endereço.:" for="endereco" />
<h:inputText id="endereco" value="#{clientefMB.clientef.endereco}" title="Endereço.:" styleClass="edit" size="40" />
<h:outputLabel value="CEP.:" for="cep" />
<h:inputText id="cep" value="#{clientefMB.clientef.cep}" title="Cep.:" />
<h:outputLabel value="Bairro.:" for="bairro" />
<h:inputText id="bairro" value="#{clientefMB.clientef.bairro}" title="Bairro.:" styleClass="edit" size="40"/>
<h:outputLabel value="Cidade.:" for="cidade" />
<h:inputText id="cidade" value="#{clientefMB.clientef.cidade}" title="Cidade.:" styleClass="edit" size="40"/>
<h:outputText value="UF.: "/>
<h:selectOneMenu value="#{clientefMB.clientef.uf_end}">
<f:selectItem itemValue="AC" value=""/>
<f:selectItem itemValue="AL" value=""/>
<f:selectItem itemValue="AM" value=""/>
<f:selectItem itemValue="AP"value=""/>
<f:selectItem itemValue="BA" value=""/>
<f:selectItem itemValue="CE" value=""/>
<f:selectItem itemValue="DF" value=""/>
<f:selectItem itemValue="ES" value=""/>
<f:selectItem itemValue="FN" value=""/>
<f:selectItem itemValue="GO" value=""/>
<f:selectItem itemValue="MA" value=""/>
<f:selectItem itemValue="MG" value=""/>
<f:selectItem itemValue="MS" value=""/>
<f:selectItem itemValue="MT" value=""/>
<f:selectItem itemValue="PA" value=""/>
<f:selectItem itemValue="PB" value=""/>
<f:selectItem itemValue="PE" value=""/>
<f:selectItem itemValue="PI" value=""/>
<f:selectItem itemValue="PR" value=""/>
<f:selectItem itemValue="RJ" value=""/>
<f:selectItem itemValue="RN" value=""/>
<f:selectItem itemValue="RO" value=""/>
<f:selectItem itemValue="RR" value=""/>
<f:selectItem itemValue="RS" value=""/>
<f:selectItem itemValue="SC" value=""/>
<f:selectItem itemValue="SE" value=""/>
<f:selectItem itemValue="SP" value=""/>
<f:selectItem itemValue="TO" value=""/>
</h:selectOneMenu>
<h:outputLabel value="Estado Civil.:" for="estado_civ" />
<h:selectOneMenu value="#{clientefMB.clientef.estado_civ}" onclick="reRender,itemValue" >
<f:selectItem itemValue="Solteiro(a)" value=""/>
<f:selectItem itemValue="Casado(a)" value=""/>
<f:selectItem itemValue="Separado(a) judicialmente" value=""/>
<f:selectItem itemValue="Divorciado(a)" value=""/>
<f:selectItem itemValue="Viúvo(a)" value=""/>
<f:selectItem itemValue="União estável" value=""/>
</h:selectOneMenu>
<h:outputLabel value="Data Cadastro.:" for="data_cad" />
<rich:calendar id="data_cad" value="#{clientefMB.clientef.data_cad}">
<a4j:support event="ondateselected" reRender="mainTable"/>
</rich:calendar>
<h:outputLabel value="Email.:" for="email_clientef" />
<h:inputText id="email_clientef" value="#{clientefMB.clientef.email_clientef}" title="Email.:" />
<h:outputLabel value="Telefone.:" for="telefone_clientef" />
<h:inputText id="telefone_clientef" value="#{clientefMB.clientef.telefone_clientef}" title="Telefone.:"styleClass="edit" size="20" />
<h:outputLabel value="Status.:" for="status_clientef" />
<h:selectOneMenu value="#{clientefMB.clientef.status_clientef}" title="Status.:">
<f:selectItem itemValue="Ativo" value=""/>
<f:selectItem itemValue="Inativo" value=""/>
</h:selectOneMenu>
</h:panelGrid>
<!-- FORM fim -->
<!-- GRID -->
<rich:dataTable value="#{clientefMB.clientefs}" var="item" rows="1" id="items" width="100%" cellspacing="0" cellpadding="0" border="1">
<h:column>
<f:facet name="header">
<h:outputText value="CÓDIGO.:"/>
</f:facet>
<h:outputText value="#{item.id}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Nome.:"/>
</f:facet>
<h:outputText value="#{item.nome}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="CPF.:"/>
</f:facet>
<h:outputText value="#{item.cpf}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Endereço.;"/>
</f:facet>
<h:outputText value="#{item.endereco}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="CEP.:"/>
</f:facet>
<h:outputText value="#{item.cep}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Bairro.:"/>
</f:facet>
<h:outputText value="#{item.bairro}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Cidade.:"/>
</f:facet>
<h:outputText value="#{item.cidade}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="UF"/>
</f:facet>
<h:outputText value="#{item.uf_end}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Email Cliente"/>
</f:facet>
<h:outputText value="#{item.email_clientef}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Telefone "/>
</f:facet>
<h:outputText value="#{item.telefone_clientef}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Perfil"/>
</f:facet>
<h:outputText value="#{item.perfil_clientef}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Status"/>
</f:facet>
<h:outputText value="#{item.status_clientef}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Excluir"/>
</f:facet>
<a4j:commandButton action="#{clientefMB.delete}" status="sts" reRender="items" image="/images/delete_1.gif" styleClass="botoesImgs" style="text-align:center" size="5">
<f:setPropertyActionListener value="#{item.id}" target="#{clientefMB.id}" />
</a4j:commandButton>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Selecionar"/>
</f:facet>
<a4j:commandLink reRender="inputs">
<h:outputText value="Selecionar"/>
<f:setPropertyActionListener value="#{item}" target="#{clientefMB.clientef}"/>
</a4j:commandLink>
</h:column>
</rich:dataTable>
</fieldset>
<!-- GRID fim -->
<fieldset>
| <a4j:commandButton value="Inserir" action="#{clientefMB.save}" status="sts" reRender="inputs,items" styleClass="botoes"/>
| <a4j:commandButton value="Excluir" action="#{clientefMB.delete}" status="sts" reRender="inputs,items" styleClass="botoes"/>
| <a4j:commandButton value="Atualizar" action="#{clientefMB.merge}" status="sts" reRender="inputs,items" styleClass="botoes"/>
| <a4j:commandButton value="Pesquisar" action="#{clientefMB.load}" status="sts" reRender="inputs,items" styleClass="botoes"/>
| <a4j:commandButton value="Relatório" action="#{clientefMB.load}" status="sts" reRender="inputs,items" styleClass="botoes"/>
| <h:commandButton value="Voltar" immediate="true" action="toIndex" styleClass="botoes"/>
|
</fieldset>
<!-- PAINEL -->
<rich:modalPanel id="mp" minHeight="300" minWidth="900"
height="300" width="900" zindex="2000">
<f:facet name="header">
<h:outputText value="Preencha os campos por favor!" />
</f:facet>
<f:verbatim>
<center>
Por favor, preencha todos os campos!
<br/><br/><br/><br/>
<a >Fechar Janela</a>
</center>
</f:verbatim>
</rich:modalPanel>
<!-- PAINEL fim -->
</h:form >
</h:form>
</f:view>
</body>
</html>