jquery はフォーム検証を実装し、不正な送信を防ぎます

この記事では、jquery を使用してフォーム検証を実装し、不正な送信を防ぐためのコードを紹介します。このアイデアは非常に優れているので、参考として友人に勧めます。

コードは、テキストエリアに入力された長さを検出します。入力されていない場合は、再度入力する必要があることを示すメッセージが表示されます。 15 文字より長い場合は、入力された候補が表示されます。

<script type="text/javascript">
//jQuery代码
function confirm()
{
　　if($("#advice").val().length == 0)
{
　　alert("We can&#39;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 チュートリアル

をご覧ください。