jQuery Validateを使用していますが、実際には何のエラーメッセージも表示したくありません。むしろ、私は不快な入力/選択/などの周りに赤いボックスを持つ必要があります。これらの赤いボックスは追加するケーキでしたが、エラーメッセージ自体は削除できません。どうすればそれらを無効にできますか?jQuery Validate - 表示検証エラーメッセージを表示しない/カスタムエラーを表示する
答えて
何かにエラーメッセージを追加しないカスタムエラー配置機能(プラグインのoptionsを参照)を使用してください。
$('#form').validate({
errorPlacement: function(error,element) {
return true;
}
});
また、エラーメッセージをページの他の場所、たとえばページ上部のDIVに置くこともできます。
jQuery('form').validate({
showErrors: function(errorMap, errorList) {
// Do nothing here
},
onfocusout: false,
onkeyup: false,
rules: {
email: {
required: true
}
},
messages: {
email: {
required: 'The email is required'
}
}
});
あなたがshowErrors
関数をオーバーライドすることができます。ただ、すなわち)(検証を初期化するために、あなたの呼び出しの前に$.validator.messages.required = '';
を置く:
$.validator.messages.required = '';
$('#formData').validate({});`
これは、それが入力上のスタイルを表示しますが、ないメッセージのラベルう!
要素を強調表示しないようにしますか? – tvanfosson
@tvanfosson:はい、実際にはそうです。 –
onfocusoutとonkeyupに感謝します! – user3560988
これは私がそれを行う方法です。
完璧なソリューション –
- 1. jQueryの検証 - エラーメッセージを非表示
- 2. 表示でpassport.js認証エラーメッセージを表示
- 3. 表示検証エラーメッセージに一度だけ
- 4. jqueryの検証で2つのエラーメッセージが表示されない
- 5. jqueryの検証エラーメッセージが赤色で表示されない、スタイリングでエラーが表示されない
- 6. jquery入力を検証して非表示のdivを表示
- 7. カスタムエラーを表示するngMessage
- 8. フォームの検証時にエラーメッセージを表示しない
- 9. カスタムエラー検証メッセージが表示されない
- 10. 検証でのカスタムエラーがh:messageに表示されない
- 11. 検証表示:なしドロップダウン
- 12. jQuery Validateがエラーメッセージを表示していない - HTML5のみが必要です
- 13. jqueryフォームの検証でエラーメッセージが表示される
- 14. JQuery Validateエラーコンテナを非表示にする
- 15. カスタムエラーの表示TextInputLayout
- 16. ノックアウト検証 - エラーメッセージの表示方法
- 17. jQuery - 検索ボックスを表示/非表示
- 18. 選択値の後にjqueryの検証エラーメッセージが表示されない
- 19. クライアントサイドの検証サマリーコントロールでカスタムエラーをカスタムメッセージで表示していますか?
- 20. JS内のconsole.logエラーを表示してカスタムエラーを表示する方法
- 21. PHPのエラーメッセージの表示エラーメッセージトリガAjaxのjqueryの - フォームの検証
- 22. CakePHPのビルトイン検証エラーメッセージを表示する方法は?
- 23. jQueryのvalidate()。element()がエラーを直接表示しない
- 24. CakePhp 3.5検証エラーメッセージがフィールドに表示されない
- 25. 検証サマリーにエラーメッセージが表示されない
- 26. Excelデータの検証でエラーメッセージが表示されない
- 27. Mozilla FirefoxでHTML5 "required"検証でエラーメッセージが表示されない
- 28. Vuejs:ajax検証エラーメッセージが表示されない
- 29. ASP .NET - 検証サマリでページにエラーメッセージが表示されない
- 30. カスタムエラーを表示するシェル - ケーキPHP 3
ありがとう、同じ問題を抱えている間にこの答えを見つけました:) – Agos
@tvanfosson、このようにCSSを使用しても問題ありません: 'label.error {display:none!important;}' – Mori
@RainLoverスタイルは要素に直接設定されます。私は、プラグインがどのように表示を正常に行うかを見なければならないだろう。それが完全にクラスベースの場合、それは動作しますが、それは表示/非表示を使用する場合はしません。また、サイト全体のスタイルシートが1つであると仮定すると、グローバルなソリューションにもなります。 – tvanfosson