Funciona em html mas não funciona em xhtml

Programação Java
, ,
#1

Boa tarde pessoal, estou tentando implementar esse javascript em meu codigo. Em resumo é uma ação onBlur que ao perder o foco do inputText ele multiplica dois campos a exibe um resultado em outro imputText. Em html funciona na boa, mas em xhtml JSF não funciona, alguém poderia me explicar porquê? Desde já agradeço a ajuda.

O código abaixo em html, funciona :

 <?xml version="1.0" encoding="ISO-8859-1" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Insert title here</title>

    <script>

    function chama_onBlur(form){ 
    	 
    	 valor_un = parseFloat(form.valor_unit.value);
    	 quant = parseFloat(form.quantidade.value);
    	 total = valor_un * quant; 
    	 form.valor_total.value = total;
    	  
     }

    </script>
    </head>
    <body>

    	<form name="form_eventos">

    		Valor Unitário: <input type="text" size="15" id="valor_unit" value="2"
    			onblur="chama_onBlur(form_eventos)" /></br>
    			
    		</br> Quantidade: <input type="text" size="15" id="quantidade" value="3"
    			onblur="chama_onBlur(form_eventos)" /></br>
    			
    		</br> Valor Total: <input type="text" size="15" id="valor_total" value="0"
    			onblur="chama_onBlur(form_eventos)" />
    	</form>

    </body>
    </html>

O código abaixo em xhtml JSF não funciona :

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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"
	template="/template/ModeloSistema.xhtml"
	xmlns:f="http://java.sun.com/jsf/core">

	<ui:define name="menu">
		<ui:include src="/include/menu.xhtml"></ui:include>
	</ui:define>

	<ui:define name="conteudo">
		<h:form id="form_eventos">
			<h:panelGrid id="pnlDespCadDados" columns="2">
						
				<h:outputLabel value="Valor Unitário: "  />
				<h:inputText size="15" id="valor_unit" value="0" onblur="chama_onBlur(form_eventos)">
				</h:inputText>
				
				<h:outputLabel value="Quantidade: " />
				<h:inputText size="15" id="quantidade" value="0" onblur="chama_onBlur(form_eventos)" />
				
				<h:outputLabel value="Valor Total: "  />
				<h:inputText size="15" id="valor_total" value="0" onblur="chama_onBlur(form_eventos)" />
			
			</h:panelGrid>


				
		</h:form>

	</ui:define>
</ui:composition>