how to implement AJAXed check username availability

[khaled_288]

I'm trying to implement "check username availability" using AJAX.

<f:view locale="#{language.locale}">

<h:form id="mainForm">

<h:outputText value="#{msg.webUserID}"/>

<h:inputText value="#{createNewUser.user.webUserID}" id="webUserID" maxlength="20" required="true" rendered="#{not createNewUser.created}" >
 <f:validator validatorId="usernameValidator" />
 <rich:ajaxValidator event="onblur"/>
</h:inputText>
<rich:message for="username"/>


<h:commandButton id="submit" value="Create" action="#{addUser.add}" />

</h:form>
</f:view>

Now it works fine "onblur" but i dont want the validation work in this event. I want to add link for this functionality.

I want to run the validation on link clicked. So i will add a link beside the field "username". let say "Check Availability" link and when user clicks on this link, the validation shall work AJAXly.



ANY IDEA ??

[nbelaevski]

Hello,

Remove rich:ajaxValidator and add link:

<a4j:commandLink value="Check" bypassUpdates="true" process="webUserID"/>

[khaled_288]

nbelaevski , thank you very much :)

it works fine.


what if i need:
to apply same functionality on 2 fields using same validator.
for example:
First name:
Last name:

i want those 2 fields to be validated one time in same validator. DB makes sure there is nobody with the same "first" and "last" names.

how can handle this need ??

:)

[ilya_shaikovsky]

add the second id to the process attribute of link component

[khaled_288]

ilya_shaikovsky, thanks a lot

it works by simply adding the other id (comma sperated)


:)