Form Elements and Javascript

• Here is a Javascript Application in which password validation is performed on the client side.

• The form's button uses a DHTML attribute that specifies a Javascript function:

  <h:form id="registerForm">
      ...
      <h:inputText id="password".../>
      <h:inputText id="passwordConfirm".../>
      ...
      <h:commandButton type="button"
                        onclick="checkPassword(this.form)"/>
      ...
  </h:form>
  

• Here is the checkPassword function:

  function checkPassword(form) {
      var password = form["registerForm:password"].value;
      var passwordConfirm = form["registerForm:passwordConfirm"].value;
      if (password == passwordConfirm)
           form.submit();
      else
           alert("Password and password confirm fields don't match");
  }

• Here is the Full JSF Page