これが私のコードです
$('.f1 .btn-next').on('click', function() {
var parent_fieldset = $(this).parents('fieldset');
var next_step = true;
// navigation steps / progress steps
var current_active_step = $(this).parents('.f1').find('.f1-step.active');
var progress_line = $(this).parents('.f1').find('.f1-progress-line');
// fields validation
parent_fieldset.find('input[type="text"], select').each(function() {
if( $(this).val() == "" ) {
$(this).addClass('input-error');
next_step = false;
}
else {
$(this).removeClass('input-error');
}
});
// fields validation
それは私の中で使用している一種の検証ですマルチステップフォームここでは、入力テキストフィールドの検証は完全に機能していますが、Select/Checkbox/Radioの場合は機能していません。コードを修正してください。
私はすでにこのコードを試しましたが、選択フィールドでは機能していません-
parent_fieldset.find('input[type="text"], select', '.sys').each(function() {
回答 3 件
次のコードを試してください。
parent_fieldset.find(':input').each(function() { //Your code goes here. } //Try this one another way to validate form fields var allFormData = $('#myForm').serializeArray(); for(var dataIndex = 0 ; dataIndex < allFormData.length ; dataIndex++){ if(allFormData[dataIndex].value == ""){ $("#myForm input[name="+allFormData[dataIndex].name+"]").addClass("input-error"); }else{ $("#myForm input[name="+allFormData[dataIndex].name+"]").removeClass('input-error'); } }
これが、すべての選択、ラジオ、チェックボックスフィールドで完璧に機能する私の最終コードです
parent_fieldset.find('input[type="text"], select', '.sys').each(function(key, value) {
関連記事
- Onchange選択ボックスはjQueryを使用して入力ボックスを表示します
- Java計算プログラムにユーザー入力の検証を取得するにはどうすればよいですか?
- Angularの空の入力検証が通貨で失敗する
- メイン入力フォームが(onchange)の場合、jQueryは他の値を変更します
- リストからの入力に基づいてパンダデータフレームにタグを付ける
- React入力検証がフォームで機能しない
- ReactJSフォーム入力:検証関数で「const」変数を取得できません
- 入力に基づいてボタンを切り替えます(ネイティブベース)
- Haskell IO、同じ行に2つの入力を取得し、検証を行う
- 入力チェックボックスの結果のjQueryajaxを反転または非表示にします
あなたは、タイプがテキストである入力だけが欲しいと言っているので、それはあなたが得ているものです。すべてのタイプの入力が必要な場合は、次のようにセレクタからタイプ指定を取り除いてください。
編集:jQuery
:input
拡張にはselect要素が含まれますが、input
しない。 jQueryのドキュメントはこちらです。