jQuery フォーム 検証 プラグイン 簡単 使い方銀 阿洲 この前に 使った 少なく ある. 今日は 二 行くのを 追加で 説明する つもりだ. 私も 彼 時より 多く 実力が 増えた. 一つは チェックボックスや ラジオ ボタン 検証, 違う 一つは メッセージを 願う 位置に 浮かべる 方法だ. デモから 報告 たい 人は 下の リンクで デモを 見れば なる.

◆デモ 表示

チェックボックスや ラジオ ボタン 検証

チェックボックスや ラジオ ボタンの 共通点は ような nameを 持つ 色々 犬の inputこれ あるという ことだ. これ 時 使い方は 簡単なのに, 色々 犬の input野 中 マン 前に ある inputに required クラスを 付与する のだ.

HTML5 文法

HTML5 文法を 使う 首都 ある. ジャバスクリプトが ともって あったら jquery.validate.js プラグインが 処理して 竝び 側で, ジャバスクリプトが 消えて あったら ブラウザーで 処理して 竝び ことだ. HTML5 文法で チェックボックスや ラジオを 必須で 作ろうとすれば あらゆる inputに required="required"と 使って 与える.

メッセージを 願う 位置に 浮かべること

jquery.validate.js プラグインである input 要素の ところで 後に label.error 要素を 生成して エラーメッセージを 浮かべる.

ラジオ ボタンと チェックボックスは input 要素が いくつかだ. ところが マン 初め 要素にだけ required クラスを 入れて 与える. そのため 別に 処理を 中 日 与えれば エラー メッセージが 庭 時 始めて 番目 input義 ところで 後に 浮かぶように なる. 下のように 言葉だ.

これ 時 label.error テグルを 明示して 与えれば エラー メッセージを 自動で 挿入するの なくて, もう ある label.error 要素を 使うように なる.

<p>故障 内容を 説明して くださいませんか?</p>
<p>
  <label for="故障内容" class="error">必須です.</label>
</p>
<p>
  <input required="required" type="checkbox" name="故障内容" id="故障内容1" value="氷成形 中 なり" />
  <label for="故障内容1">氷成形 中 なり</label>
  <input required="required" type="checkbox" name="故障内容" id="故障内容2" value="氷が 中 落ち" />
  <label for="故障内容2">氷が 中 落ち</label>
  <input required="required" type="checkbox" name="故障内容" id="故障内容3" value="田園が 中 入って来" />
  <label for="故障内容3">田園が 中 入って来</label>
</p>

有意店は たいてい 持つ. label.error 要素の for 速成は input義 nameで すると する.

また CSS 水準で display:noneを 日 与える のも 忘れるの 末子. 中 それでは エラー メッセージが 増える 見えるように なる. これ 時 .errorに 速成を 付与するの 以外に label.errorに 速成を 付与すると する. validate プラグインが エラーを 表示する 時 input江戸 error クラスを 付けること だから .errorにだけ display:none 速成を 付与すれば エラー 発生の時 input度 一緒に 消えるように なる.

以上だ. 残りは デモを 報告 分かって 探求すれば なる.

◆デモ 表示

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。