topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-web-html-12-ch12-eg01.htm / htm



  <html>
  <head>
    <title>Form validation</title>
    <script type="text/JavaScript">
  
  function validate(form) {
  
    var returnValue = true;
  
    var username = frmRegister.txtUserName.value;
    var password1 = frmRegister.txtPassword.value;
    var password2 = frmRegister.txtPassword2.value;
  
  if(frmRegister.txtUserName.length < 6) {
    returnValue = false;
    alert("Your username must be at least\n6 characters long.\nPlease try again.");
    frmRegister.txtUserName.focus();
  }
  
  if (password1.length < 6) {
    returnValue = false;
    alert("Your password must be at least\n6 characters long.\nPlease try again.");
    frmRegister.txtPassword.value = "";
    frmRegister.txtPassword2.value = "";
    frmRegister.txtPassword.focus();
  }
  
  if (password1.value != password2.value) {
    returnValue = false;
    alter("Your password entries did not match.\nPlease try again.");
    frmRegister.txtPassword.value = "";
    frmRegister.txtPassword2.value = "";
    frmRegister.txtPassword.focus();
  }
    return returnValue;
  }
  
  </script>
  <link rel="stylesheet" type="text/css" href="basic-web-html-12-forms.css">
  </head>
  <body>
  
  <form name="frmRegister" method="post" action="register.aspx" 
        onsubmit="return validate(this);">
  
    <div class="label"><label for="txtUsername">Username:</label></div>
    <div class="formElement"><input type="text" name="txtUserName" id="txtUserName" size="12" /></div>
    <div class="clear"></div>
  
    <div class="label"><label for="txtPassword">Password: </td></label></div>
    <div class="formElement"><input type="password" name="txtPassword" id="txtPassword" size="12" /></div>
    <div class="clear"></div>
  
    <div class="label"><label for="txtPassword2">Confirm your password:</label></div>
    <div class="formElement"><input type="password" name="txtPassword2" id="txtPassword2" size="12" /></div>
    <div class="clear"></div>
  
    <div class="label">&nbsp;</label></div>
    <div class="formElement"><input type="submit" value="Log in"  /></div>
  
  </form>
  
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.