onclick 関数と onsubmit 関数の違い

関数 onclick と onsubmit の違い

onsubmit はフォームでのみ使用でき、フォームを送信する前にトリガーされ、クリック イベントをトリガーするボタンなどのコントロールによって使用されます。

フォームを送信する前に、データ検証は通常、送信ボタンをクリックして検証するか、送信時に検証するかを選択できます。

ただし、onclick は onsubmit よりも先にトリガーされます

1. ユーザーがボタンをクリックします —->

2. onclick イベントがトリガーされる —->

3. onclick は true を返すか、処理されません —->

4. onsubmit イベントをトリガーします ——>

5. onsubmit が処理されないか、true を返します ——>

6. フォームを送信します。

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

---

最初のタイプ: onsubmit

コードブロック

rree

2 番目のタイプ: 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>

以上がonclick 関数と onsubmit 関数の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。