Getting Inconsistent Error Messages (version 20)

Discussion about HTML and XHTML related issues.
Post Reply
paulp575
Rank III - Intermediate
Rank III - Intermediate
Posts: 82
Joined: Tue Aug 09, 2005 1:20 pm
Location: Spokane WA
Contact:

Getting Inconsistent Error Messages (version 20)

Post by paulp575 »

I am trying to set up a form, but keep getting inconsistent error message, i.e., I fix something and then I get a different error message - sometimes for the same line.

Problem seems to be limited to radio button inputs.

The web page is not online. Hope this HTML isn't too long:

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="EWATV Membership Application">
<meta name="apple-mobile-web-app-title" content="EWATV Mbr App">
<title>EWATV Membership Application</title>

<style>
  <!--
    body
    {
      FONT-SIZE: 12pt;
      FONT-FAMILY: Arial,helvetica,sans-serif;
      MARGIN: 0px;
      BACKGROUND-COLOR: #000000;
    }

/* DO NOT CHANGE THE SEQUENCE OF THE FOLLOWING 4 LINK DESCRIPTORS!!! */

    A:LINK
    {
      COLOR: #0000ff;
      TEXT-DECORATION: none;
    }

    A:VISITED
    {
      COLOR: #000080;
      TEXT-DECORATION: none;
    }

    A:HOVER
    {
      COLOR: #0000ff;
      TEXT-DECORATION: underline;
    }

    A:ACTIVE
    {
      COLOR: #0000ff;
      TEXT-DECORATION: none;
    }

/* Following CSS used in conjunction with Help links */
    *.SMALL-TEXT-BOLD
    {
      FONT-WEIGHT: bold;
      FONT-SIZE: 10pt;
    }

    A.HELP-LINK
    {
      COLOR: #008000;                                                               /* green */
      TEXT-DECORATION: none;
      BORDER-BOTTOM: 1px dashed #008000;                                            /* green */
      CURSOR: help;
      FONT-SIZE: 10pt;
    }

    A.HELP-LINK:HOVER
    {
      COLOR: #ff0000;                                                               /* red */
      TEXT-DECORATION: none;
      BORDER-BOTTOM: 1px dashed #ff0000;                                            /* red */
    }

    *.help-tooltip
    {
      FONT-SIZE: 14pt;
      POSITION: absolute;
      WIDTH: 300px;
      BORDER: 1px Solid;                               /* WindowFrame */
      BACKGROUND: #ffffff;                                                          /* white */
      COLOR: #000000;                                                               /* black */
      PADDING: 3px;
/*      FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3);          */
      z-index: 10000;
    }

    .help-tooltip a,
    .help-tooltip a:hover
    {
      COLOR: #0000ff;                                                               /* blue */
      BACKGROUND: none;
      FONT-SIZE: 14pt;
    }
/* End CSS used in conjunction with Help links */

    *.BACKGROUND-COLOR-LIGHT-GRAY
    {
      BACKGROUND-COLOR: #dddddd;
    }

    *.BACKGROUND-COLOR-LIGHT-GRAY
    {
      BACKGROUND-COLOR: #dddddd;
    }

    *.BACKGROUND-COLOR-WHITE
    {
      BACKGROUND-COLOR: #ffffff;
    }

    *.BUTTON-CLEAR-FORM
    {
      FONT-SIZE: 14px;
      FONT-WEIGHT: bold;
      COLOR: #000000;                                                               /* Text color: Black */
          BACKGROUND-COLOR: yellow;                                                 /* Strong green */
      BORDER: 2px solid #000000;                                                    /* 2 pixel wide solid black border */
      BORDER-RADIUS: 25px;                                                          /* Sets rounded corners on buttons */
      PADDING: 7px 14px 7px 14px;                                                   /* Sets padding for top, right, bottom, and left */
      CURSOR: pointer;
      MARGIN: 0px 15px 0px 15px;                                                    /* Sets margin for top, right, bottom, and left margins */
    }

    *.BUTTON-SUBMIT
    {
      FONT-SIZE: 14px;
      FONT-WEIGHT: bold;
      COLOR: #000000;                                                               /* Text color: Black */
      BACKGROUND-COLOR: #33CC00;                                                    /* Strong green */
      BORDER: 2px solid #000000;                                                    /* 2 pixel wide solid black border */
      BORDER-RADIUS: 25px;                                                          /* Sets rounded corners on buttons */
      PADDING: 7px 14px 7px 14px;                                                   /* Sets padding for top, right, bottom, and left */
      CURSOR: pointer;
      MARGIN: 0px 15px 0px 15px;                                                    /* Sets margin for top, right, bottom, and left margins */
    }

    FORM
    {
      FONT-SIZE: 14pt;
      FONT-FAMILY: Arial,helvetica,sans-serif;
    }

    *.TABLE-CELLPADDING-15PX
    {
      PADDING: 15px;
    }

    input, textarea
    {
      BACKGROUND-COLOR: #ccffff;
    }

    TABLE, TD
    {
      BORDER: 1px solid black;
      BORDER-COLLAPSE: collapse;
      PADDING: 5px;
    }

    *.TABLE-CENTERED
    {
      MARGIN-LEFT: auto;
      MARGIN-RIGHT: auto;
    }

    *.TEXT-ALIGN-CENTER
    {
      TEXT-ALIGN: center;
    }

    *.TEXT-ALIGN-LEFT
    {
      TEXT-ALIGN: Left;
    }

    *.TEXT-ALIGN-RIGHT
    {
      TEXT-ALIGN: right;
    }

    *.TEXT-BOLD
    {
      FONT-WEIGHT: bold;
    }
    *.TEXT-COLOR-RED
    {
      COLOR: #ff0000;
    }

    *.TEXT-HEADER
    {
      FONT-SIZE: 44px;
      FONT-FAMILY: Arial,helvetica,sans-serif;
      COLOR: #00CC66;
    }

    *.TEXT-SIZE-12PT
    {
      FONT-SIZE: 12PT;
    }

    *.TEXT-SIZE-20PT
    {
      FONT-SIZE: 20PT;
    }

    *.WIDTH225PX
    {
      WIDTH: 225px;
    }

    *.WIDTH400PX
    {
      WIDTH: 400px;
    }

    *.WIDTH85P
    {
      WIDTH: 85%;
    }

    *.WIDTH100P
    {
      WIDTH: 100%;
    }
  -->
</style>

<!-- Page revisions: November 1, 2020: Initial creation
-->

<!-- Script used for help -->
  <script src="helptip.js"></script>

<!-- Script used for textarea resizing -->
  <script src="textAreaSizer.js"></script>

</head>

<body>

<!-- Begin header -->

<!-- Begin header menu -->

<!-- End header menu -->

<!-- End header -->

<!-- Begin Main Content -->

<table class="WIDTH100P BACKGROUND-COLOR-LIGHT-GRAY TABLE-CELLPADDING-15PX">
  <tr>
    <td>
      <main class="TEXT-ALIGN-CENTER TEXT-HEADER TEXT-BOLD">EWATV Membership Application</main>
      <br>

<!-- FormMail Clone requires only the first 4 lines -->
      <form action="https://ewatv.org/cgi-sys/FormMail.cgi" method="POST">
        <input type="hidden" name="recipient" value="treasurer@ewatv.org,membershp@ewatv.org,treasurer@ewatv.org">
          <!-- additional recipients can be specified, separated by commas -->
        <input type="hidden" name="subject" value="EWATV Membership Application">
        <input type="hidden" name="redirect" value="ewatv.org/EWATV-thankyou.htm">
<!-- End of FormMail Clone required lines -->

        <input type="hidden" name="print_blank_fields" value="1">
<!-- add all the fields in the order they need to be displayed and e-mailed -->
        <input type="hidden" name="sort" value="order:TYPE_APPLICATION">
        <header class="TEXT-ALIGN-CENTER TEXT-BOLD">
           <span class="TEXT-COLOR-RED">Red </span> indicates required item
           <br>
           <span class="TEXT-SIZE-12PT">If you do not understand an entry, please click on &quot;Help&quot;.</span>
        </header>
        <br>
        <table class="TABLE-CENTERED BACKGROUND-COLOR-WHITE TABLE-CELLPADDING-15PX">
          <tr class="TEXT-ALIGN-CENTER TEXT-SIZE-20PT"><th colspan="2" id="PART-1">Part 1 &#8211; Contact Information</th></tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">Type Application:</td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="radio" id="TYPE_APPLICATION_NEW" name="TYPE_APPLICATION" value="New">
              <label for="TYPE_APPLICATION">New/Initial</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="60" height="12">
              <input type="radio" id="TYPE_APPLICATION_RENEWAL" name="TYPE_APPLICATION" value="Renewal">
              <label for="TYPE_APPLICATION">Renewal</label>
            </td>
          </tr>
          <tr>
            <td colspan="2" class="TEXT-ALIGN-CENTER TEXT-BOLD">
              <span class=" TEXT-COLOR-RED">Membership Level (select ONE):</span>
              <br>
              <table class="TABLE-CENTERED WIDTH85P">
                <tr>
                  <td class="TEXT-ALIGN-LEFT">
                    <input type="radio" id="Individual" name="MEMBERSHIP_LEVEL" value="Individual">
                    <label for="Individual">Individual</label>
                    <img src="spacer.gif" alt="Spacer image" title="Spacer" width="60" height="12">
                    <input type="radio" id="Individual_With_Life_Flight" name="MEMBERSHIP_LEVEL" value="Individual With Life Flight">
                    <label for="Individual_With_Life_Flight">Individual With Life Flight</label>
                    <br>
                    <input type="radio" id="Family" name="MEMBERSHIP_LEVEL" value="Family">
                    <label for="Family">Family</label>
                    <img src="spacer.gif" alt="Spacer image" title="Spacer" width="89" height="12">
                    <input type="radio" id="Family_With_Life_Flight" name="MEMBERSHIP_LEVEL" value="Family With Life Flight">
                    <label for="Family_With_Life_Flight">Family With Life Flight</label>
                    <br>
                    <input type="radio" id="Business" name="MEMBERSHIP_LEVEL" value="Business">
                    <label for="Business">Business</label>
                  </td>
                </tr>
              </table>
              Note:
              <br>
              EWATV membership: July 1st thru June 30th
              <br>
              Life Flight membership: August 1st thru July 30th
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="FIRST_NAME">First name:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="FIRST_NAME" name="FIRST_NAME">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="MIDDLE_INITIAL">Middle Initial:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="MIDDLE_INITIAL" name="MIDDLE_INITIAL">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="LAST_NAME">Last name:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="LAST_NAME" name="LAST_NAME">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="SPOUSE_NAME">Spouse name:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="SPOUSE_NAME" name="SPOUSE_NAME" value="Spouse name if Family membership">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="MAIL_ADDRESS">Mail address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="MAIL_ADDRESS" name="MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CITY">City:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="CITY" name="CITY">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="STATE">State:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <select name="STATE" id="STATE" size="2">
                <option value="WA" selected>WA</option>
                <option value="ID">ID</option>
                <option value="AK">AK</option>
                <option value="AL">AL</option>
                <option value="AR">AR</option>
                <option value="AZ">AZ</option>
                <option value="CA">CA</option>
                <option value="CO">CO</option>
                <option value="CT">CT</option>
                <option value="DC">DC</option>
                <option value="DE">DE</option>
                <option value="FL">FL</option>
                <option value="GA">GA</option>
                <option value="HI">HI</option>
                <option value="IA">IA</option>
                <option value="IL">IL</option>
                <option value="IN">IN</option>
                <option value="KS">KS</option>
                <option value="KY">KY</option>
                <option value="LA">LA</option>
                <option value="MA">MA</option>
                <option value="MD">MD</option>
                <option value="ME">ME</option>
                <option value="MI">MI</option>
                <option value="MN">MN</option>
                <option value="MO">MO</option>
                <option value="MS">MS</option>
                <option value="MT">MT</option>
                <option value="NC">NC</option>
                <option value="ND">ND</option>
                <option value="NE">NE</option>
                <option value="NH">NH</option>
                <option value="NJ">NJ</option>
                <option value="NM">NM</option>
                <option value="NV">NV</option>
                <option value="NY">NY</option>
                <option value="OH">OH</option>
                <option value="OK">OK</option>
                <option value="OR">OR</option>
                <option value="PA">PA</option>
                <option value="RI">RI</option>
                <option value="SC">SC</option>
                <option value="SD">SD</option>
                <option value="TN">TN</option>
                <option value="TX">TX</option>
                <option value="UT">UT</option>
                <option value="VA">VA</option>
                <option value="VT">VT</option>
                <option value="WI">WI</option>
                <option value="WV">WV</option>
                <option value="WY">WY</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="ZIP_CODE">Zip code:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="text" id="ZIP_CODE" name="ZIP_CODE" pattern="\d{5}-?(\d{4})?">
              <span class="SMALL-TEXT-BOLD">
                [<a class="HELP-LINK" href="?" onclick="showHelpTip(event,'Please include ZIP+4® if known'); return false">Help</a>]
              </span>
            </td>
          </tr>
          <tr>
            <th colspan="2">One of the following is <span class="TEXT-COLOR-RED">required</span> (numbers only please!):
              <table class="TABLE-CENTERED">
                <tr>
                  <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
                    <label for="HOME_PHONE">Home phone:</label>
                  </td>
                  <td class="TEXT-ALIGN-LEFT">
                    <input class="WIDTH225PX" type="tel" id="HOME_PHONE" name="HOME_PHONE" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
                  </td>
                </tr>
                <tr>
                  <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
                    <label for="CELL_PHONE">Cell phone:</label>
                  </td>
                  <td class="TEXT-ALIGN-LEFT">
                    <input class="WIDTH225PX" type="tel" id="CELL_PHONE" name="CELL_PHONE" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
                  </td>
                </tr>
              </table>
            </th>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="E-MAIL_ADDRESS">E-Mail Address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="email" id="E-MAIL_ADDRESS" name="E-MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CONFIRM_E-MAIL_ADDRESS">Confirm E-Mail Address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="email" id="CONFIRM_E-MAIL_ADDRESS" name="CONFIRM_E-MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="ALT_E-MAIL_ADDRESS">Alternate E-Mail Address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="email" id="ALT_E-MAIL_ADDRESS" name="ALT_E-MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="WEB_ADDRESS">Web address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="url" id="WEB_ADDRESS" name="WEB_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED" id="label_CBO">Do you represent a Club,<br>Business, or Organization?</td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="radio" id="CBO_YES" name="CBO" value="Yes">
              <label for="CBO_YES">Yes</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="100" height="12">
              <input type="radio" id="CBO_NO" name="CBO" value="No">
              <label for="CBO_NO">No</label>
            </td>
          </tr>
          <tr class="TEXT-ALIGN-CENTER TEXT-SIZE-20PT"><th colspan="2" id="PART-2">Part 2 &#8211; Club / Business / Organization (CBO)</th></tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CBO_NAME">CBO name:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="CBO_NAME" name="CBO_NAME">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CBO_MAIL_ADDRESS">CBO Mail address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="CBO_MAIL_ADDRESS" name="CBO_MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CITY">CBO City:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="CBO_CITY" name="CBO_CITY">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CBO_STATE">CBO State:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <select name="CBO_STATE" id="CBO_STATE" size="2">
                <option value="WA" selected>WA</option>
                <option value="ID">ID</option>
                <option value="AK">AK</option>
                <option value="AL">AL</option>
                <option value="AR">AR</option>
                <option value="AZ">AZ</option>
                <option value="CA">CA</option>
                <option value="CO">CO</option>
                <option value="CT">CT</option>
                <option value="DC">DC</option>
                <option value="DE">DE</option>
                <option value="FL">FL</option>
                <option value="GA">GA</option>
                <option value="HI">HI</option>
                <option value="IA">IA</option>
                <option value="IL">IL</option>
                <option value="IN">IN</option>
                <option value="KS">KS</option>
                <option value="KY">KY</option>
                <option value="LA">LA</option>
                <option value="MA">MA</option>
                <option value="MD">MD</option>
                <option value="ME">ME</option>
                <option value="MI">MI</option>
                <option value="MN">MN</option>
                <option value="MO">MO</option>
                <option value="MS">MS</option>
                <option value="MT">MT</option>
                <option value="NC">NC</option>
                <option value="ND">ND</option>
                <option value="NE">NE</option>
                <option value="NH">NH</option>
                <option value="NJ">NJ</option>
                <option value="NM">NM</option>
                <option value="NV">NV</option>
                <option value="NY">NY</option>
                <option value="OH">OH</option>
                <option value="OK">OK</option>
                <option value="OR">OR</option>
                <option value="PA">PA</option>
                <option value="RI">RI</option>
                <option value="SC">SC</option>
                <option value="SD">SD</option>
                <option value="TN">TN</option>
                <option value="TX">TX</option>
                <option value="UT">UT</option>
                <option value="VA">VA</option>
                <option value="VT">VT</option>
                <option value="WI">WI</option>
                <option value="WV">WV</option>
                <option value="WY">WY</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CBO_ZIP_CODE">CBO Zip code:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="text" id="CBO_ZIP_CODE" name="CBO_ZIP_CODE" pattern="\d{5}-?(\d{4})?">
              <span class="SMALL-TEXT-BOLD">
                [<a class="HELP-LINK" href="?" onclick="showHelpTip(event,'Please include ZIP+4® if known'); return false">Help</a>]
              </span>
            </td>
          </tr>
          <tr>
            <th colspan="2">One of the following is <span class="TEXT-COLOR-RED">required</span> (numbers only please!):
              <table class="TABLE-CENTERED">
                <tr>
                  <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
                    <label for="CBO_PHONE">CBO phone:</label>
                  </td>
                  <td class="TEXT-ALIGN-LEFT">
                    <input class="WIDTH225PX" type="tel" id="CBO_PHONE" name="CBO_PHONE" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
                  </td>
                </tr>
                <tr>
                  <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
                    <label for="CELL_PHONE">CBO Cell phone:</label>
                  </td>
                  <td class="TEXT-ALIGN-LEFT">
                    <input class="WIDTH225PX" type="tel" id="CBO_CELL_PHONE" name="CBO_CELL_PHONE" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
                  </td>
                </tr>
              </table>
            </th>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CBO_E-MAIL_ADDRESS">CBO E-Mail Address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="email" id="CBO_E-MAIL_ADDRESS" name="CBO_E-MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">
              <label for="CBO_CONFIRM_E-MAIL_ADDRESS">Confirm CBO E-Mail Address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="email" id="CBO_CONFIRM_E-MAIL_ADDRESS" name="CBO_CONFIRM_E-MAIL_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="CBO_WEB_ADDRESS">CBO Web address:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="url" id="CBO_WEB_ADDRESS" name="CBO_WEB_ADDRESS">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED" id="label_OHV">Do you own an OHV?</td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="radio" id="OHV_YES" name="OHV" value="Yes">
              <label for="OHV_YES">Yes</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="100" height="12">
              <input type="radio" id="OHV_NO" name="OHV" value="No">
              <label for="OHV_NO">No</label>
            </td>
          </tr>
          <tr class="TEXT-ALIGN-CENTER TEXT-SIZE-20PT"><th colspan="2" id="PART-3">Part 3 &#8211; OHV Information</th></tr>
          <tr><td colspan="2"><br><br><br><br><br><br></td></tr>




<!--
OHV Makes and Models
--------------------
CanAm     Commander
          Defender
          Maverick
          Outlander
          Renegade
          Other

Honda     Foreman
          Pioneer
          Rancher
          Recon
          Rincon
          Rubicon
          Talon
          TRX
          Other

Polaris   Ace
          General
          Ranger
          RZR
          Sportsman
          Other

Suzuki    KingQuad
          Other

Yamaha    Grizzly
          Kodiak
          Raptor
          Viking
          Wolverine
          YZR
          Other

Other     Other
-->

<!--
OHV_Type - listbox
OHV_Year - text
OHV_Make - listbox
OHV_Model - listbox
-->



          <tr class="TEXT-ALIGN-CENTER TEXT-SIZE-20PT"><th colspan="2" id="PART-4">Part 4 &#8211; Miscellaneous and Agreements</th></tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="FIND_US">How did you find us?</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <textarea rows="3" cols="50" id="FIND_US" name="FIND_US" form="EWATV_APPLICATION" placeholder="Internet? Friend? Big Horn Show? Please limit your answer to LESS THAN 150 letters"></textarea>
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD">
              <label for="SPONSOR_NAME">Sponsor name:</label>
            </td>
            <td class="TEXT-ALIGN-LEFT">
              <input class="WIDTH400PX" type="text" id="SPONSOR_NAME" name="SPONSOR_NAME" value="Enter referrer's name here">
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">I agree to the<br>Rules &amp; Terms of Use</td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="radio" id="RULES_TERMS_YES" name="RULES_TERMS" value="Yes">
              <label for="RULES_TERMS_YES">Yes</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="100" height="12">
              <input type="radio" id="RULES_TERMS_NO" name="RULES_TERMS" value="No">
              <label for="RULES_TERMS_NO">No</label>
              <br>
              Read the <a href="https://ewatv.org/Terms-of-Use.htm" target="_blank">Rules and Terms of Use</a> here.
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">I agree to the<br>Liability Waiver</td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="radio" id="LIABILITY_WAIVER_YES" name="LIABILITY_WAIVER" value="Yes">
              <label for="LIABILITY_WAIVER_YES">Yes</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="100" height="12">
              <input type="radio" id="LIABILITY_WAIVER_NO" name="LIABILITY_WAIVER" value="No">
              <label for="LIABILITY_WAIVER_NO">No</label>
              <br>
              Read the <a href="https://ewatv.org/Documents/EWATV_Release_of_Liability_2020-08-05.pdf" target="_blank">Liability Waiver</a> here.
            </td>
          </tr>
          <tr>
            <td class="TEXT-ALIGN-RIGHT TEXT-BOLD TEXT-COLOR-RED">I agree to receive electronic<br>communications from EWATV</td>
            <td class="TEXT-ALIGN-LEFT">
              <input type="radio" id="ELECTRONIC_COMMUNICATIONS_YES" name="ELECTRONIC_COMMUNICATIONS" value="Yes">
              <label for="ELECTRONIC_COMMUNICATIONS_YES">Yes</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="60" height="12">
              <input type="radio" id="ELECTRONIC_COMMUNICATIONS_NO" name="ELECTRONIC_COMMUNICATIONS" value="No">
              <label for="ELECTRONIC_COMMUNICATIONS_NO">No</label>
            </td>
          </tr>
          <tr>
            <th colspan="2">
              <br>
              <input class="BUTTON-CLEAR-FORM" type="reset" value="Clear form - start over">
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="60" height="12">
              <input class="BUTTON-SUBMIT" type="submit" value=" Submit Your Application ">
              <br><br>

            </th>
          </tr>
        </table>
      </form>
      <br>
    </td>
  </tr>
</table>

<!-- End Main Content -->

<!-- Begin footer table -->

<!-- End footer table -->

</body>
</html>
paulp575
User avatar
Albert Wiersch
Site Admin
Site Admin
Posts: 3506
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Re: Getting Inconsistent Error Messages (version 20)

Post by Albert Wiersch »

Hello,

I see this section in the HTML:

Code: Select all

              <input type="radio" id="TYPE_APPLICATION_NEW" name="TYPE_APPLICATION" value="New">
              <label for="TYPE_APPLICATION">New/Initial</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="60" height="12">
              <input type="radio" id="TYPE_APPLICATION_RENEWAL" name="TYPE_APPLICATION" value="Renewal">
              <label for="TYPE_APPLICATION">Renewal</label>
Should it be this instead?

Code: Select all

              <input type="radio" id="TYPE_APPLICATION_NEW" name="TYPE_APPLICATION" value="New">
              <label for="TYPE_APPLICATION_NEW">New/Initial</label>
              <img src="spacer.gif" alt="Spacer image" title="Spacer" width="60" height="12">
              <input type="radio" id="TYPE_APPLICATION_RENEWAL" name="TYPE_APPLICATION" value="Renewal">
              <label for="TYPE_APPLICATION_RENEWAL">Renewal</label>
The value of a label's "for" attribute should be the value of an "id" attribute, not a "name" attribute.

That eliminated 2 of the 3 errors... but there may be more issues to resolve (like using "fieldset" elements) if you are have accessibility checking on but I turned it off when testing because you didn't say that you had accessibility checking on.
paulp575
Rank III - Intermediate
Rank III - Intermediate
Posts: 82
Joined: Tue Aug 09, 2005 1:20 pm
Location: Spokane WA
Contact:

Re: Getting Inconsistent Error Messages (version 20)

Post by paulp575 »

Looks like that has solved it.

I'll get back to you is there are any more problems with this code.

Thanks!
paulp575
User avatar
Albert Wiersch
Site Admin
Site Admin
Posts: 3506
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Re: Getting Inconsistent Error Messages (version 20)

Post by Albert Wiersch »

👍 Great! 👍
Post Reply