topical media & game development

talk show tell print

professional-ajax-03-Communication-Control-Patterns-Submission-Throttling-IncrementalFormValidationExample.htm / htm



  <!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" xml:lang="en" lang="en">
      <head>
          <title>Incremental Form Validation Example</title>
          <script type="text/javascript" src="zxml.js"></script>
          <script type="text/javascript" src="IncrementalFormValidation.js"></script>
      </head>
      <body>
          <h1>Sign Up!</h1>
          <p>Please fill in the following information to sign up.</p>
          <form method="post" action=<Success.php>>
              <table>
                  <tr>
                      <td><label for="txtFirstName">First Name</label></td>
                      <td><input type="text" id="txtFirstName" name="txtFirstName" /></td>
                  </tr>
                  <tr>
                      <td><label for="txtLastName">Last Name</label></td>
                      <td><input type="text" id="txtLastName" name="txtLastName" /></td>
                  </tr>
                  <tr>
                      <td><label for="txtEmail">E-mail</label></td>
                      <td><input type="text" id="txtEmail" name="txtEmail" /><img src="error.gif" alt="Error" id="imgEmailError" style="display:none" /></td>
                  </tr>
                  <tr>
                      <td><label for="txtUsername">Username</label></td>
                      <td><input type="text" id="txtUsername" name="txtUsername" /><img src="error.gif" alt="Error" id="imgUsernameError" style="display:none" /></td>
                  </tr>
                  <tr>
                      <td><label for="txtBirthday">Birthday</label></td>
                      <td><input type="text" id="txtBirthday" name="txtBirthday" /><img src="error.gif" alt="Error" id="imgBirthdayError" style="display:none" /> (m/d/yyyy)</td>
                  </tr>
                  <tr>
                      <td><label for="selGender">Gender</label></td>
                      <td><select id="selGender" name="selGender"><option>Male</option></option>Female</option></select></td>
                  </tr>
              </table>
              <input type="submit" id="btnSignUp" value="Sign Up!" />
          </form>
      </body>
  </html>
  


(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.