How to retrieve a jsf component value of portlet based Faces JSP ?

Question

In my JSF JSR 168 spec application, I need to perform Javascript client-side validations like null-check etc. in my Faces JSP.
In my JSP, I have a text field and a button which calls the validate method.
<f:view>
<h:form styleClass="form" id="schedulerForm" >
<hx:scriptCollector id="scriptCollector1">
<h:inputText styleClass="inputText" id="eventName"  required="true" value="#{schedulerBean.eventName}">
</h:inputText>
<h:commandButton id="TestButton" value="Validate" onclick="validate();"></h:commandButton>and the javascript method is :
<script language="JavaScript">
     function validate(){
        var form = document.schedulerForm;
        alert(form.eventName.value);
      return false;
</script>
</hx:scriptCollector>
</h:form>But I am get the alert "Undefined".
All I want is to check if the eventName field is null. So when the button is clicked, the eventName field should be checked against null condition. But since this is running in JSF JSR 168 portal,I think the form gets encoded, and in the view source, I could see that form id is encoded.
So how can I get the encoded formname in my Javascript, inorder to access the components?.
In Struts we use PortletApiUtils class to retrieve the encoded bean name, similarly is there any class that we can use to get the encoded form name in Faces Portlets JSP?.
Please help me.

Answer 1

Thanks for the IDea, but although the code compiles and seems to work fine, the real result is that the ID of <f:subiew> is still the same as designed in the "logo.tag" file. In other words - setting ID at run time has no effect.
Actually I'm trying to solve the problem when I use the tag more than once - I would like to have access to all "f" and "h" controls in every tag. But waht happens when the tags are placed dynamically? Let's say I have "<h:dataTable>" with unknown number of rows and in every row I would like to place such a tag (or something else with ID). How do you solve such situations?