相关疑难解决方法(0)

通过按Enter键阻止用户提交表单

我在一个网站上进行了一项调查,用户点击输入(我不知道为什么)并在不点击提交按钮的情况下意外提交调查(表格)似乎存在一些问题.有办法防止这种情况吗?

我在调查中使用HTML,PHP 5.2.9和jQuery.

html forms jquery form-submit

732
推荐指数
22
解决办法
54万
查看次数

Primefaces按Enter执行commandButton

我正在使用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)

primefaces jsf-2 jsf-2.2

8
推荐指数
2
解决办法
1万
查看次数

JSF <h:commandButton>带有twitter bootstrap图标

我正在使用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>

jsf twitter-bootstrap

5
推荐指数
2
解决办法
2万
查看次数

按下回车键,PrimeFaces禁用提交

按下回车键,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)

ajax jsf primefaces jsf-2

3
推荐指数
2
解决办法
3万
查看次数

在JSF表单中按Enter键时指定默认a4j:commandButton

我的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)

javascript java jsf richfaces

1
推荐指数
1
解决办法
2823
查看次数

在ap:inputText中按下Enter时如何调用方法

我有一个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 primefaces

0
推荐指数
1
解决办法
3888
查看次数