問題タブ [jquery-form-validator]

私は、ブートストラップテーマとjqueryフォーム検証を備えたcakephp 3.6を使用しています。

しかし、フォームのテキスト ボックス コントロールでいくつかの問題に直面しています。

フォームを送信すると、フォーム フィールドにモデルの検証が表示されます。しかし、フォームデータを修正してカーソルを変更しようとすると、フォームからテキストボックスが非表示になります。

多くのデバッグを行ったところ、入力に form-error クラスが適用されていることがわかりました。

しかし、私はそれを防ぐ方法、またはそれがどこから来て、そのスタイルがどこにあるのかを知りません。 これを解決するのを手伝ってください。

フォーム送信前

フォーム送信後

jqueryフォーム検証プラグインを使用してフォームを検証しています。すべての検証が成功した後、送信機能を呼び出します。しかし、フィールドに正規表現を適用しているときに、フォーム検証プラグインを使用して「Undefinedのプロパティ 'call'を読み取れません」jqueryというエラーが発生しています。フィールドの上prefilledにあるので、それが原因だと思います。以下はエラーの画像です。

以下はそのための私のコードです:-

これを解決するのを手伝ってください。ありがとう！

私はAlertify JSでjQuery Form Validatorを使用しています。以下のコードを使用して、フォームが正常に検証されたかどうかを確認しています。

ここで私がやろうとしているのは、OKFromを押すAlertifyとフォームが送信されることです。

しかし、今のところ、削除すると表示さreturn false;れAlertifyず、フォームが送信されます。

$('#my-form-id').submit()私も中に入れようとしましたreturn true;が、まだうまくいきません。

Alertify基本的に、アラートボックスでユーザーに通知するためだけに、フォームが送信される前に表示したいだけです。しかし、それは私にとって正しく機能していないようです。

これは、私が従ったjQuery Form Validator 構成ドキュメントです。

誰かが私がここで間違っていることを教えてくれますか?

多くの種類のフィールド (日付、数字、テキスト、チェックボックス、ラジオなど) を持つかなり巨大なフォームがあります。

フォームから必要な重要な動作の 1 つは、ぼかしでフォーム フィールドを個別に保存できるようにすることです...もちろん、ぼかしで各フィールドを検証する必要があります。有効なフィールドの場合は、「saveField()」を呼び出します。 " 関数。

当然、フォームの検証を次のように初期化します。

後で、各フォームフィールドの「検証」イベントにイベントリスナーを追加します（フォームバリデーターがすでに処理しているため、「ぼかし」イベントリスナーは追加していません...以下は on("validation "） 方法：

ここが変です！ 何かを入力してフォーカスアウトすると: - console.log("I CALL SAVE...."); トリガーされます...一度！（これは予想されます）しかし、もう一度焦点を合わせてからぼやけてみると、console.log（）が2回発生します=> on（ "validation"）が2回トリガーされていることを意味します。

JSFiddle リンク: https://jsfiddle.net/tg3h16ec/4/ ブラウザーのコンソールを開き、何かを入力してフォーカスを合わせることで、上記の手順に従います。次に、何かを入力して、再び焦点を合わせます。console.log() のカウントが最初は 1 で、その後毎回 2 ずつ増加していることに気付くでしょう。

以下の回答の1つが追加を提案したため、1を更新します

問題を弱めましたが、解決しませんでした。この問題をさらに詳しく説明するために、JSFiddle を更新してラジオ ボタンを追加しました: https://jsfiddle.net/zwadhp3s/

返されたエラー テキストを下に表示するか、入力フィールドのフォーカスを上から 150 ピクセルほど下げます。このままではエラー テキストが表示されないためです。

フォームの検証にhttps://jqueryvalidation.org/を使用しており、次のように検証を呼び出しています。

これを使用して、ナビゲーションバーを非表示および表示しています

これを送信ボタンに追加して非表示にするナビゲーションを取得し、エラーテキストをいくつかの機能でビューにプッシュしたいと思います。

フィールドの上のエラー テキストは次のように保持されます。