simple textbox validation in <rich:modalPanel> using JavaScript

Question

I have a with a textbox and which submits the modalPanel.

On Click of the button, I want to check if the text box has been filled through a JavaScript Function.

Any suggestions..??

Here is the code: For the modalPanel--

<h:form id="theForm">
<rich:modalPanel id="diskPanel" width="350" height="250">
<f:facet name="header">
    <h:panelGroup>
        <h:outputText value="Create New Disk"></h:outputText>
    </h:panelGroup>
</f:facet>
<h:panelGrid columns="2" width="70%">
    <h:outputLabel value="Disk Name* :" />
    <h:inputText value="#{myform.newDiskName}" id="diskPanel_diskName"/>

    <h:commandButton value="Create-Attach" id="submit_disk" 
           onclick="return validateDiskPanel()"
      action="#{myform.cloudButtonActionRequest('newdisk')}">
    <rich:componentControl for="diskPanel" attachTo="submit_disk"
    operation="hide" event="onclick" />
    </h:commandButton>
</h:panelGrid>

</rich:modalPanel>
    </h:theForm>

Code For the JavaScript Function---

function validateDiskPanel(){ var obj1 = document.getElementById("theForm:diskPanel_diskName"); var obj2 = document.getElementById("theForm:diskPanel_diskSize"); if(obj1 == ""){ alert("Please provide Disk Name"); Richfaces.showModalPanel('diskPanel'); return false; } return true; }

Renan · Accepted Answer · 2011-01-07 10:45:39Z

1

The easier way to do this is using the required prop. and a h:message or rich:message (or h:messages / rich:messages for global messages) on your textbox.

Example:

<h:inputText label="Job" id="box" required="true" value="#{bean.prop}"/>
<rich:message for="box"/>

More especific example here.

If you dont want to use required, check options under Ajax Validators tab at the livedemo site, like rich:ajaxValidator as @niksvp said.

answered Jan 7, 2011 at 10:45

Renan

7414 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

Use <rich:ajaxValidator>. Here is the example.

Else if you are rigid to use javascript validation then don't use <rich:componentControl> as the panel will hide on page reload for successful submission.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jan 7, 2011 at 10:32

niksvp

5,5512 gold badges28 silver badges43 bronze badges

Collectives™ on Stack Overflow

simple textbox validation in <rich:modalPanel> using JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related