Проблемы с проверкой JavaScript onChange и onSubmit

Question

У меня есть задание, где я должен проверять формы как при изменении формы, так и при отправке. Сами функции мне позволили получить из Интернета, если я приведу источник. Моя проблема в том, что она не работает? Я протестировал его в браузере и не исправляюсь ни на что, независимо от суммы тарабарщины, которую я предоставляю. Я думал, что понял концепцию, но она просто не работает? Вот мой код:

<form name="usercomments" method="post" action="cgi-bin/form-mail2.pl" 
       onsubmit="return validateForm();"strong text> 
      <table class="usercomments"> 
       <tbody> 
        <tr> 
         <td><label for="realname">Name:</label></td> 
         <td><input id="realname" align="left" size="50" name="realname" 
            onchange="validateRealname(this, 'realnameguide');"></input></td> 
         <td id="realnameguide">Please use proper case when entering your name.</td> 
        </tr> 
        <tr> 
         <td><label for="email">Email:</label></td> 
         <td><input id="email" size="50" name="email" onchange="validateEmail(this, 'emailguide');"></input></td> 
         <td id="emailguide">Please use the format: ernest@craft.com</td> 
        </tr> 

        <tr> 
         <td><label for="message">Comments:</label></td> 
         <td><textarea id="message" name="message" rows="15" cols="50" 
             onchange="return validateForm(this, 'commentsguide');"></textarea></td> 
         <td id="commentsguide">Please provide your comments regarding the website 
          in the space provided below.</td> 
        </tr> 
        <tr> 
         <td><label for="rating">How would you rate this website?</label></td> 
         <td> 
          <p>&nbsp;1=Fantastic!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
           &nbsp;&nbsp;2=It's Good!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
           &nbsp;&nbsp;3=It's Average.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
           &nbsp;&nbsp;4=It's Bad.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
           &nbsp;&nbsp;5=It's Terrible!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> 
          <p style="word-spacing: 2.5em"> 
           <input type="radio" value="1" name="rating"></input> 1 
           <input type="radio" value="2" name="rating"></input> 2 
           <input type="radio" value="3" name="rating"></input> 3 
           <input type="radio" value="4" name="rating"></input> 4 
           <input type="radio" value="5" name="rating"></input> 5 
          </p> 
         </td> 
        </tr> 
        <tr> 
         <td><label for="phone"> Phone Number:</label></td> 
         <td><input type="tel" name="phonenumber" id="phonenumber" onchange="return validatePhone(this, 'phoneinfo');"> 
          </input></td> 
         <td id="phoneinfo">999-999-9999</td> 
        </tr> 
        <tr> 
         <td><label for="bday">Birthday:</label> </td> 
         <td><input id="bday" name="bday" onchange="return validateBday(this, 'bdayguide');"></input></td> 
         <td id="bdayguide">07/17/2014</td></tr> 
        <tr> 
         <td><input type="submit" value="Submit"></input></td> 
        </tr> 
       </tbody> 
      </table> 
     </form> 

Answer 1

Похоже, что у вас есть только половина заданий, выполненных в данный момент. Вам нужно будет написать функции javascript, которые у вас есть, например validateRealname.

Вы должны сделать это в отдельном файле javascript и импортировать его с помощью тегов <script>.

Кроме того, необходимо изменить радиокнопки от:

<input type="radio" value="1" name="rating"></input> 1 

к:

<input type="radio" value="1" name="rating">1</input> 

После того, как вы написали эти функции и импортировать их, вы должны быть хорошо идти.