Der Unterschied zwischen den Funktionen onclick und onsubmit

Der Unterschied zwischen den Funktionen onclick und onsubmit

onsubmit kann nur auf Formularen verwendet werden und wird vor dem Absenden des Formulars ausgelöst. onclick wird von Steuerelementen wie Schaltflächen verwendet Klickereignisse auslösen.

Vor dem Absenden des Formulars wird im Allgemeinen eine Datenüberprüfung durchgeführt. Sie können wählen, ob Sie die Daten per Klick auf die Schaltfläche „Senden“ oder per „OnSubmit“ überprüfen möchten.

Aber onclick wird früher ausgelöst als onsubmit

1 Der Benutzer klickt auf die Schaltfläche——>

2. Das onclick-Ereignis wird ausgelöst——>

3. onclick gibt true zurück oder onclick wird nicht verarbeitet —->

4. Onsubmit wird nicht verarbeitet oder gibt true zurück —>

6. Senden Sie das Formular.

 onsubmit处理函数返回false，onclick函数返回false，都不会引起表单提交。

Der erste Typ: onsubmit

---

Codeblock

Der zweite Typ: onclick

<script language="javascript">
   function CheckPost ()
   {
      if (addForm.user.value == "")
      {
          alert("请填写用户名！");
          addForm.username.focus();          
          return false;
      }     
      if (addForm.title.value.length < 5)
     {
          alert("标题不能少于5个字符！");
          addForm.title.focus();          
          return false;
     }     return true;
   }
   </script>
   
   <form action="test.php" method="post" name="addForm"  onsubmit="return CheckPost();">
     <p>用户:<input type="text" size="10" name="user" maxlength="20"/></p>
     <p>标题:<input type="text" name="title" maxlength="50"/></p>
     <p>内容:<textarea name="content" rows="8" cols="30"></textarea></p>
     <p>
           <input type="submit" name="submit" value="发表留言"/>
     </p>
   </form>

<script language="javascript">
 2     function SendForm () 
 3     {
 4         if(CheckPost()) 
 5         { 
 6             document.addForm.submit(); 
 7         } 
 8     } 
 9 
 10     function CheckPost () 
 11     {
 12          if (addForm.user.value == "") 
 13          {
 14                alert("请填写用户名！");
 15                addForm.username.focus();
 16                return false;
 17          }
 18          if (addForm.title.value.length < 5) 
 19          {
 20                alert("标题不能少于5个字符！");
 21                addForm.title.focus();
 22                return false;
 23          }
 24          return true;
 25     }
 26 </script>
 27 
 28 <form action="test.php" method="post" name="addForm">
 29      <p>用户:<input type="text" size="10" name="user" maxlength="20"/></p>
 30      <p>标题:<input type="text" name="title" maxlength="50"/></p>
 31      <p>内容:<textarea name="content" rows="8" cols="30"></textarea></p>
 32      <p><input type="button" name="submit" value="发表留言" onclick="SendForm();"/></p>
 33 </form>

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen den Funktionen onclick und onsubmit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!