PHP メッセージボード開発チュートリアル: js を使用して送信されたデータの合法性を判断する

jsを利用して送信データの正当性を判定

<script>
     function CheckPost() {
         if(myform.user.value=="")
         {
             alert("请填写用户");
             myform.user.focus();
             return false;
         }
         if (myform.title.value.length<5)
         {
             alert("标题不能少于5个字符");
             myform.title.focus();
         return false;
         }
         if (myform.content.value=="")
         {
             alert("内容不能为空");
             myform.content.focus();
             return false;
         }
     }
 </script>

投稿ページにjs判定を追加することで、送信されたフォームの正当性を検証し、エラーの発生を減らすことができます。

この章のポイント

1. jsを使用してユーザータイトルの内容を判断および検出します。

学び続ける

新しいファイル

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="css.css" rel="stylesheet" type="text/css"> <title>Title</title> <?php include ("add.php")?> </head> <script> function CheckPost() { if(myform.user.value=="") { alert("请填写用户"); myform.user.focus(); return false; } if (myform.title.value.length<5) { alert("标题不能少于5个字符"); myform.title.focus(); return false; } if (myform.content.value=="") { alert("内容不能为空"); myform.content.focus(); return false; } } </script> <body> <b> <a href="list.php">浏览留言</a> </b> <hr size=1> <form action="add.php" method="post" name="myform" onsubmit="return CheckPost();"> 用户：<input type="text" size="10" name="user"/><br> 标题：<input type="text" name="title" /><br> 内容：<textarea name="content"></textarea><br> <input type="submit" name="submit" value="发布留言" /> </form> </body> </html>

提出するリセットコード

自動運転