我在一个网站上进行了一项调查,用户点击输入(我不知道为什么)并在不点击提交按钮的情况下意外提交调查(表格)似乎存在一些问题.有办法防止这种情况吗?
我在调查中使用HTML,PHP 5.2.9和jQuery.
我正在使用primefaces,我有以下问题,我有一个工具栏,其中有几个按钮和组件,如inputtext和其他形式的组件,但当我Enter在某个组件中按键时,工具栏的第一个按钮被调用,在这种情况下命令按钮"idButtomNuevo"被调用,因为它位于第一个位置.
我的代码:
almacen.xhtml
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui" >
<h:form id="idFormAlmacen" >
<p:focus context="idFormAlmacen"/>
<p:growl id="growl" showDetail="true" life="2500" for="keyAlmacen" globalOnly="true"/>
<p:panel header="Almacen" styleClass="texto-panel"/>
<ui:include src="/pages/logistica/almacen/toolbar_almacen.xhtml"/>
<ui:include src="#{almacenBean.pathbodyAlmacen}" />
</h:form>
<ui:include src="/pages/logistica/almacen/dialogos_almacen.xhtml" />
</ui:composition>
Run Code Online (Sandbox Code Playgroud)
toolbar_almacen.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<p:toolbar>
<p:toolbarGroup align="left" styleClass="panelgrid-css">
<p:commandButton id="idButtomNuevo" title="Nuevo" icon="ui-icon-document" process="@this" value="Nuevo"
actionListener="#{almacenBean.limpiarAlmacen}" update="idFormAlmacen" immediate="true">
<p:resetInput target="idFormAlmacen"/>
</p:commandButton>
<p:commandButton id="idButtomGuardar" title="Guardar" icon="ui-icon-disk" action="#{almacenBean.guardarAlmacen}"
disabled="#{almacenBean.au.btGuardarDisabled}" update=":idFormAlmacen" validateClient="true" value="Guardar"/>
<p:commandButton id="idButtomEliminar" title="Eliminar" icon="ui-icon-trash" actionListener="#{almacenBean.eliminarAlmacen}"
disabled="#{almacenBean.au.btGuardarDisabled}" update="idFormAlmacen" process="@this" immediate="true"
value="Eliminar"/>
<p:commandButton id="idButtomListar" …Run Code Online (Sandbox Code Playgroud) 我正在使用twitter bootstrap css来设计风格.要在其中制作图标按钮,标准方法是使用"i"标签.
<button type="submit"><i class="icon-search"></i></button>.
但我不能在其中输入
<h:commandButton id="myid"><i class="icon-search"></i></h:commandButton>
如何在渲染中添加HTML <h:commandButton>?
按下回车键,PrimeFaces禁用提交.
我在WildFly 8.2 Final上运行PrimeFaces 5.1.
我有对话框,有两个inputNumbers和两个按钮.第一个inputNumber对ajax blur事件进行一些计算.旁边是在bean中进行一些计算的按钮.问题是,当用户按下enter而焦点位于inputNumber时,按钮的动作会被触发,这真的很烦人.有没有办法在对话框中禁用使用回车键提交?
这是一个小的xhtml对话框,可以模拟我的行为:
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:pe="http://primefaces.org/ui/extensions" >
<p:dialog id="id_example" header="Test dialog"
widgetVar="exampleDialog" modal="true" closable="true" >
<h:form id="id_example_form">
<p:panelGrid columns="3" styleClass="noBorders">
<h:outputText value="Input 1:" />
<pe:inputNumber id="Input1" value="#{exampleBean.number1}">
<p:ajax event="blur" update="valueInput1" />
</pe:inputNumber>
<p:commandButton value="Check something else" action="#{exampleBean.checkForUsername()}"
update=":growl_form" />
<h:outputText value="Input 1:" />
<p:inputText id="valueInput1" value="#{exampleBean.number1}" />
<p:commandButton value="Save" action="#{exampleBean.save()}" oncomplete="PF('exampleDialog').hide();"
update=":growl_form" />
</p:panelGrid>
</h:form>
</p:dialog>
</ui:composition>
Run Code Online (Sandbox Code Playgroud)
还有豆子:
package si.pucko.beans;
import java.io.Serializable;
import java.math.BigDecimal;
import java.math.BigInteger;
import javax.faces.view.ViewScoped;
import javax.inject.Named;
import si.pucko.util.Util; …Run Code Online (Sandbox Code Playgroud) 我的JSF表单包含
多 h:inputText和多 a4j:commandButton
而且
我有2个按钮(搜索)和(复位)
我press Enter在编辑任何h:inputText
(搜索)按钮时的需要将被触发
<h:form id="searchForm" onkeypress="formKeypress();">
<h:panelGrid columns="4" >
<h:outputText value="name" />
<h:panelGroup>
<h:inputText
title="name"
value="#{myController.name}" >
</h:inputText>
<a4j:commandButton
title="name Detail"
action="#{myController.nameDetail}" >
</a4j:commandButton>
</h:panelGroup>
<h:outputText value="city" />
<h:panelGroup>
<h:inputText
title="city"
value="#{myController.city}" >
</h:inputText>
<a4j:commandButton
title="name Detail"
action="#{myController.cityDetail}" >
</a4j:commandButton>
</h:panelGroup>
</h:panelGrid>
<h:panelGrid >
<h:panelGroup>
<a4j:commandButton
id="searchButton"
value="search" title="search"
action="#{myController.search}"
render="searchResultsGrid" />
</h:panelGroup>
</h:panelGrid>
<f:verbatim>
<script type="text/javascript" >
<!--
function formKeypress() {
// if (event.keyCode == 13) …Run Code Online (Sandbox Code Playgroud) 我有一个JSF ajax keydown事件链接到备用bean中的事件侦听器。
JSF文件中的代码如下。
<p:inputText value="#{someBean.value}>
<p:ajax event="keydown" listener="#{someBean.keyDownEvent}" />
</p:inputText>
Run Code Online (Sandbox Code Playgroud)
我想获取“输入”按钮事件代码。当我单击Enter时,我需要在服务器端执行一些特定的事件。如何使用ajax调用获取事件代码?
jsf ×4
primefaces ×3
jsf-2 ×2
ajax ×1
form-submit ×1
forms ×1
html ×1
java ×1
javascript ×1
jquery ×1
jsf-2.2 ×1
richfaces ×1