この記事では、jquery を使用してフォーム検証を実装し、不正な送信を防ぐためのコードを紹介します。このアイデアは非常に優れているので、参考として友人に勧めます。
コードは、テキストエリアに入力された長さを検出します。入力されていない場合は、再度入力する必要があることを示すメッセージが表示されます。 15 文字より長い場合は、入力された候補が表示されます。
<script type="text/javascript"> //jQuery代码 function confirm() { if($("#advice").val().length == 0) { alert("We can't see your advice. Maybe you should fill the form first."); $("#advice").focus(); return false; } else if($("#advice").val().length <= 15) { alert("Your advice should longer than 15 letters."); $("#advice").focus(); return false; } else { alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val()); return true; } } </script> <form action="" method="post" onSubmit="return confirm();" > <textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea> <input type="submit"value="Thank you"/> </form>
>重要なポイント
1. onSubmit="returnconfirm();" が必要です return という単語は必須です。
2. Web ページの構造を自分で完成させます。
以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。
その他の関連チュートリアルについては、JavaScript チュートリアル
をご覧ください。