facelets erkennen kein javascript

[dreamer29]

hallo zusammen,

Ich habe einen Problem ,und zwar der javascriptcode wird nicht ganz vom facelets erkannt,und zwar wenn ich in der funtion checkInput() den if-zweig wegmache ,und nur window.alert("Bitte ...); lasse dann wirds ausgeführt sonst nicht.
woran kann es liegen dass manche befehle nicht gehen?
- var element = document.getElementById wird auch nicht erkannt

danke voraus

<ui:component xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core">
	<ui:define name="faceletHeader">
		<link rel="stylesheet" type="text/css" href="css/mycss.css" />
		<script type="text/javascript">
		function checkInput(){
			var element = document.getElementById("userid");
			if (element.value == "") { 
			      window.alert("Bitte geben Sie Ihren benutzernamen an.");
			      element.className ='fehler';
			      element.focus();
			      return false;
				}
			}
		
		</script>
	</ui:define>
	<ui:define name="faceletContent">
			<h:form>
			<center>
				<h:panelGrid  width="272px"  columns="1" border="0">
				<rich:panel  id="login"  headerClass="head" styleClass="loginPanel"> 	 	 	 
	        		<f:facet name="header">
				           <h:outputText value="LOGIN " style="padding-left:14px;" ></h:outputText>
				    </f:facet>				
						<h:panelGrid columns="1"  rowClasses="myrows3">
							<h:outputText value="Benutzername" styleClass="ueberschrift-klein"/> 
							<h:inputText id="userid" value="#{userid}" styleClass="input4"/>
							<h:outputText value="Passwort" styleClass="ueberschrift-klein"/> 
							<h:inputSecret id="password" value="#{password}" styleClass="input4"/>		
							<h:commandLink styleClass="button"  action="#{backingBeanName[actionName]}"  onclick="return checkInput();"  value="login" />
													
							
						</h:panelGrid>	
				</rich:panel>
				</h:panelGrid>
			 </center>
			 </h:form>
	</ui:define>
</ui:component>