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

PHPz
リリース: 2018-10-12 17:35:24
オリジナル
1322 人が閲覧しました

この記事では、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 チュートリアル

をご覧ください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート