JQuery フォームでラジオ ボタンが選択されているかどうかを検証する エクスペリエンスの概要

小云云
リリース: 2018-01-10 09:43:02
オリジナル
2353 人が閲覧しました

この記事では、JQueryフォームのフォームを送信する前にラジオボタンが選択されているかどうかを確認することと、レコードを削除するときに確認することの経験の概要を主に紹介します。非常に優れており、必要な友人は参考にすることができます

まず、見てみましょう。 3 つのレンダリングを見てください:

JQuery フォームでラジオ ボタンが選択されているかどうかを検証する エクスペリエンスの概要
JQuery フォームでラジオ ボタンが選択されているかどうかを検証する エクスペリエンスの概要
JQuery フォームでラジオ ボタンが選択されているかどうかを検証する エクスペリエンスの概要

これらの関数は、非常に単純ですが、非常に実用的な関数です。忘れないようにここに。

1. フォーム送信前の検証について説明します。これはバックグラウンドでよく使用されます (ここでは送信後の統合検証について説明します。タイムリーな検証については、私の他の記事を参照してください

http://blog.csdn.net/jianzhonghao/) Article/details/ 52503431)

1.1 送信ボタンから送信後、フォームの属性 action = "path" に従って該当するパスにジャンプします。 このとき、onsubmit = "return check()" を追加します。 check() 属性をフォームに追加すると、次のことが可能になります。 記述する検証関数は次のとおりです。ボタン性別選択時) $('#notice')の場合はpと書いて追加するだけ id属性を使うだけ

 <form action="路径" onsubmit="return check()" method="POST">
ログイン後にコピー

1.3 最後に、削除時に削除するかどうか確認する問題についてお話します

<script type="text/javascript"> 
 function check(){
  var name = $(&#39;#name&#39;).val().trim();
  var gender=$(&#39;input:radio[name="gender"]:checked&#39;).val();
  if(!name){
   $(&#39;#notice&#39;).text(&#39;客服名称不能为空!&#39;).show();
   return false;
  }else if(!gender){
   $(&#39;#notice&#39;).text(&#39;请选择客服性别!&#39;).show();
   return false;
  }
  else{
   return true;
  }
 }
</script>
<p id="notice" style="font-size: 30px;color:red;margin-top: 15px;" ></p>
ログイン後にコピー

関連する推奨事項:

radio、select、チェックボックスが選択されているかどうかを判断するための Jquery の実践的な応用と選択された値


Angular.JS はチェックボックスが選択されているかどうかを判断し、リアルタイムで表示します

jqueryはチェックボックスが選択されているかどうかを決定します

以上がJQuery フォームでラジオ ボタンが選択されているかどうかを検証する エクスペリエンスの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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