jQueryでコーディングした場合、JavaScriptでコーディングしたonsubmitやonchange等の関数は必要ないという説明があったんですが、どういう意味なんでしょうか
jQueryはJavaScriptを書きやすくしたというだけで、onsubmit等の関数で初めてそういう動作が実行されるもので、それらを省いたら動作が処理されないと思うんですが
上記関数を入れた場合、アラートのERROE1~5が表示されるはずなんですが、下記コードの通り省いたらアラート表示されなくなりました
自分1人では理解ができません
解説お願いします
<?php $link = mysqli_connect($host, $user, $pass, $dbname) or die("NG"); mysqli_select_db($link, "XXX"); if (isset($_POST['name'], $_POST['comment'], $_POST['bbs']) && $_POST['bbs'] == "post") { $name = $_POST['name']; $comment = $_POST['comment']; mysqli_query($link, "INSERT INTO XXX (name, comment) VALUES ('$name', '$comment')"); } elseif (isset($_POST['bbs']) && $_POST['bbs'] == "update") { $name = $_POST['name']; $comment = $_POST['comment']; $id = array(); $id = $_POST['chkid']; $id_str = implode(",", $id); mysqli_query($link, "UPDATE XXX SET name = '$name', comment = '$comment' WHERE id in($id_str)"); } elseif (isset($_POST['bbs']) && $_POST['bbs'] == "delete") { $id = array(); $id = $_POST['chkid']; $id_str = implode(",", $id); mysqli_query($link, "DELETE FROM XXX WHERE id in($id_str)"); } $result = mysqli_query($link, "SELECT * FROM XXX ORDER BY time DESC"); ?> <html> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script> $(function() { $('input[name=bbs]').click(function(e) { change($(this).prop('id')); }); change($('input[name=bbs]:checked').prop('id')); }); function condition() { if ($('#r1').prop('checked')) { with($('#name')) { if (val().length >= 10) { alert("ERROR1"); return false; } if (val() === "") { alert("ERROR2"); return false; } } with($('#comment')) { if (val().length >= 300) { alert("ERROR3"); return false; } if (val() === "") { alert("ERROR4"); return false; } } } if($('#r2').prop('checked')||$('#r3').prop('checked')) { if ($('[name="chkid[]"]:checked').length == 0) { window.alert("ERROR5"); return false; } } return true; } function change(myid) { var sendlist = { "r1":{"text":"投稿",checkflg:true}, "r2":{"text":"更新",checkflg:false}, "r3":{"text":"削除",checkflg:false}, }; $('#send').val(sendlist[myid].text); $('[name="chkid[]"]').prop('disabled',sendlist[myid].checkflg); } </script> </head> <body> <form method="post" action="">//ここにonsubmit="return condition()"をいれてた <table> <tr> <td> 名前:<input type="text" name="name" id="name"> 内容:<textarea name="comment" cols="30" rows="3" id="comment"></textarea> <input type="radio" name="bbs" id="r1" value="post">投稿//ここにonChange="change(this)"をいれてた <input type="radio" name="bbs" id="r2" value="update">更新//ここにonChange="change(this)"をいれてた <input type="radio" name="bbs" id="r3" value="delete">削除//ここにonChange="change(this)"をいれてた <input type="submit" value="投稿" id="send"> </td> </tr> </table> <?php while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) { ?> <table> <input type="checkbox" name="chkid[]" value="<?=$row['id'] ?>"> <tr> <td>名前: <?php echo $row['name'] ?> </td> </tr> <tr> <td>内容: <?php echo $row['comment'] ?> </td> </tr> </table> <?php } mysqli_free_result($result); mysqli_close($link); ?> </form> </body> </html>
回答3件
あなたの回答
tips
プレビュー