HTML如何调用验证例程?

时间:2014-04-02 12:24:28

标签: javascript html

我有一些代码,我想知道是否有人能够帮助我,因为我不是100%肯定它如何调用验证例程。我想我知道哪一部分做了但我不知道它实际上是怎么做的。也许有人可以帮助我在这里? C:

<html>
 <head>
  <title>Exam entry</title>
  <script language="javascript" type="text/javascript">
   function validateForm(){
     var result = true;
     var msg="";
     if (document.ExamEntry.name.value==""){
       msg+="You must enter your name \n";
       document.ExamEntry.name.focus();
       document.getElementById('name').style.color="red";
       result = false;
     }
     if (document.ExamEntry.subject.value==""){
       msg+="You must enter the subject \n";
       document.ExamEntry.subject.focus();
       document.getElementById('subject').style.color="red";
       result = false;
     }
     if(msg==""){
       return result;
     }
     else {
       alert(msg);
       return result;
     }
   }
  </script>
 </head>

 <body>
  <h1>Exam Entry Form</h1>
  <form name="ExamEntry" method="post" action="success.html">
   <table width="50%" border="0">
    <tr>
     <td id="name">Name</td>
     <td><input type="text" name="name" /></td>
    </tr>
    <tr>
     <td id="subject">Subject</td>
     <td><input type="text" name="subject" /></td>
    </tr>
    <tr>
     <td><input type="submit" name="Submit" value="Submit"   
          onclick="return validateForm();" /></td>
     <td><input type="reset" name="Reset" value="Reset" /></td>
    </tr>
   </table>
  </form>
 </body>
</html>

我认为它称之为验证的行是:

<form name="ExamEntry" method="post" action="success.html">

4 个答案:

答案 0 :(得分:4)

调用验证例程的行是这一行:

onclick="return validateForm();"

按钮点击时,字面上会调用validateForm

答案 1 :(得分:1)

没有。它在这里调用验证(在提交按钮):

<td><input type="submit" name="Submit" value="Submit"   
      onclick="return validateForm();" /></td>

答案 2 :(得分:0)

查看提交按钮 - 您将找到对 validateForm()的调用。

答案 3 :(得分:-1)

if (document.ExamEntry.subject.value==""){ msg+="You must enter the subject \n"; document.ExamEntry.subject.focus(); document.getElementById('subject').style.color="red"; result = false;