Why this javascript can't run?

Question

Hi,i have a page like this,but the javascript function can't run,please help!
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{StandardTags$javascript.page1}" id="page1">
            <ui:html binding="#{StandardTags$javascript.html1}" id="html1">
                <ui:head binding="#{StandardTags$javascript.head1}" id="head1">
                    <ui:link binding="#{StandardTags$javascript.link1}" id="link1" url="/resources/stylesheet.css"/>
                    <script type="text/javascript">
                       function checkPassword(form)
                           var password=form["passwordForm:password"].value;
                           var confirmPasword=form["passwordForm:confirmPassword"].value;
                           if(password==confirmPassword)
                              alert("Password Matched");
                           else  alert("Password Not Match");
                    </script>
                </ui:head>
                <ui:body binding="#{StandardTags$javascript.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{StandardTags$javascript.passwordForm}" id="passwordForm">
                        <h:outputText binding="#{StandardTags$javascript.outputText1}" id="outputText1" style="left: 264px; top: 48px; position: absolute" value="Input Password"/>
                        <h:inputSecret binding="#{StandardTags$javascript.password}" id="password" style="left: 264px; top: 96px; position: absolute"/>
                        <h:inputSecret binding="#{StandardTags$javascript.confirmPassword}" id="confirmPassword" style="left: 264px; top: 144px; position: absolute"/>
                        <h:commandButton binding="#{StandardTags$javascript.button1}" id="button1" onclick="checkPassword(this.form)"
                            style="left: 264px; top: 192px; position: absolute" value="Submit"/>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>

Answer 1

By the way,the <h:commandButton ....> part needs modifying, we need to set its "type" attribute value explicitly to "button" to invoke the javascript function.
thanks:)