問題タブ [formvalidation.io]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
61 参照

jquery - Jquery を使用したグループによるフォーム検証

これは、検証する必要があるフォームです。その日のグループです。

ここに画像の説明を入力

日グループに基づいてフィールド値を保存する必要があります。たとえば、月曜日のグループでは、Input1、input2 に値を入力し、オプションのチェックボックス (必須フィールド) のいずれかをチェックする必要があります。保存ボタンをクリックすると、Input1 をチェックする必要があり、input2 は null ではなく、オプションのチェック ボックスを 1 つ選択する必要があります。上記の 3 つの値で少なくとも 1 つのグループが選択されているため、時間を節約できます。一度に複数のグループを保存できます。

必須フィールドを確認する必要があります。グループに基づいて必須フィールドのみをチェックしたい。Jquery を使用してグループに基づいてフィールドを検証するのを手伝ってくれる人はいますか?

0 投票する
1 に答える
1101 参照

jquery - フォームフィールドが検証されたときのjQueryトリガーイベント

プログレスバーのCSSを更新する関数をトリガーしようとしています...

ただし、formValidation プラグイン (formvalidation.io) によってフィールドが検証された後に限ります。

フィールドが検証されると、formValidation によってhas-successクラスがフィールドに追加されます。このクラスを持つフィールドの数をカウントし、進行状況バーのパーセンテージ幅を計算し、CSS を更新する関数を作成しました

問題は、 2 番目の文字がテキスト フィールドに追加された後、または選択が 2 回変更された後にのみトリガーされることです。これは、has-successクラスが追加される前に関数が起動するためだと思います。

これについて別の方法はありますか?

0 投票する
3 に答える
1947 参照

javascript - formvalidation.io でのフォーム検証が複数のフォーム間で競合する

formvalidation.io を使用していますが、同じページに 2 つ以上のフォームがあります。

フォーム 1 を送信すると、フォーム 1 が有効であっても、フォーム 2 が有効でない場合、送信ボタンが無効になります。

JS:

HTML:

0 投票する
0 に答える
411 参照

javascript - formvalidation.io 検証がノックアウト制御フロー バインディングで機能しない

私はプロジェクトに取り組んでおり、検証に使用しているこの検証ライブラリに出会いました。ノックアウト制御フローバインディングで使い始めるまではうまくいきました。そのイベントは、ko が ko バインディングを使用しているテンプレートに登録されません。どんな助けでも大歓迎です。ありがとう。

プラグインは、selectedFirewallRuleType の場合、ko 以降のコードでは機能しません。どんな助けでも大歓迎です。前もって感謝します。

0 投票する
0 に答える
358 参照

jquery - formvalidation.io - ツールチップが機能しない

Railsアプリでformvalidationをセットアップしようとしています。ツールチップにエラー メッセージが表示されない理由がわかりません。formvalidation のドキュメントを何度か確認しましたが、正しいようです。問題のトラブルシューティングに苦労しています。vendor/assets/javascripts に (formValidation バージョン)がformValidation.min.jsあります。ベンダー/アセット/スタイルシートbootstrap.min.jsにあります。formValidation.min.css

アプリケーション.js

アプリケーション.css.scss

Gemfile

0 投票する
1 に答える
983 参照

arrays - Formvalidation.io およびインデックス付きの配列入力フィールド

私は Formvalidation.io プラグインを使用していますが、これは完璧に動作します

次の検証コードで

ただし、「事前定義された」インデックスを使用する場合

次の検証は機能しません

検証コードで固定インデックスを使用して機能します(以下のコードを参照)

ただし、未知のインデックスを持つフィールドを動的に追加しています。したがって、検証コードで固定インデックスを使用することはオプションではありません。

0 投票する
1 に答える
201 参照

javascript - formvalidation.io を使用して、成功時にブートストラップ モーダルを起動します。

複数の API にデータを送信するため、送信に時​​間がかかるフォームがあります。これ自体は問題ありません。

通常、私はブートストラップ モーダルを起動し、ユーザーに我慢して戻るボタンをクリックしないように伝えるメッセージを表示します。これは、以下のようにフォームのボタン クリック イベントに関連付けられます。

FormValidation.io を使用してフォーム検証を実装しましたが、モーダルの起動に問題があります。

私が試してみました...

これによりモーダルが起動しますが、フォームの送信も停止します

私が見ることができるものから、 .on('success.form.fv', function(e) { はフォームの送信を停止します。

これを達成する方法を誰か教えてください。

0 投票する
1 に答える
1552 参照

twitter-bootstrap - Bootstrapモーダル内のFormValidation + Datepicker

私はこれらを持っています:

  • ブートストラップモーダル
  • モーダル内は単純なフォームです
  • 唯一の入力はjQuery UI Datepickerです
  • フォームは FormValidation(.io) によって検証されます

何らかの理由で日付を選択せず​​、formvalidation がトリガーされた (無効な状態) 場合を除いて、すべて正常に動作し、Datepicker ポップアップがトリガーされます。

これは正常な動作ですか?また、それを防ぐ方法は何ですか?

更新しました

私の検証と日付ピッカーは次のようになります。

これは、formvalidation サイトの例に非常に近いものです。私が呼んでいるように、日付ピッカーに日付を設定することは可能ですか? さまざまなことを試しましたが、何らかのエラーがあるか、単に設定されていません。