Jquery +すべてのpreviosフィールド（ラジオボタン、選択とテキストボックス）が塗りつぶされたら、新しいボックスを追加します

Question

これは私のhtml出力です。すべてのフィールドが空の場合、ユーザーの+をクリック（タブを追加）アイコンは、その後のフィールドが満たされている＆過去のか を確認する方法とき

エラーメッセージが来ます。

jQuery('.add-contact').click(function (e) { 
    e.preventDefault(); 
    // check previous box is field or not 

    {check code} 

    var siteUrl = jQuery(this).data('url'); 
    var productId = jQuery(this).data('id'); 
    var id = jQuery(".nav-tabs").children().length; //think about it ;) 
    var tabId = 'personalize_' + id; 
    jQuery(this).closest('li').before('<li><a href="#personalize_' + id + '">Personalize</a> <span> x </span></li>'); 

    var DataPersionalize = '<div class="tab-pane" id="' + tabId + '">'; 


    DataPersionalize += '</div>'; 

    // append data 
    jQuery('.tab-content').append(DataPersionalize); 


    jQuery('.nav-tabs li:nth-child(' + id + ') a').click(); 
}); 

ラジオボタンの場合はどうすればよいですか？

はあなたが& &によって分離された原稿の条件内のすべての項目であればelse文を作成し、入力フィールドのそれぞれが> 0の長さと、ラジオボタンの値を持っているかどうかを確認でき

Answer 1

ありがとうございましたdo $('.radio_button').is(':checked'))それらがすべて合格すれば、タブを開くことができます。

var isChecked = false, 
    radios = document.getElementsByName("ring"); 
for(radio in radios) { 
    isChecked = radios[radio].checked || isChecked; 
} 
console.log(isChecked); 

HTML：：

<input type="radio" id="ring1" name="ring"> 
<input type="radio" id="ring2" name="ring"> 

場合より、彼らが通過しない場合は、すべてのグループでringと呼ばれ、一つだけが選択されている、あなたのラジオボタンの場合$('.error-div').html("<div>Error Message</div>")

Answer 2

することができます1つは選択可能ですが、変数radiosに必要なコレクションを取得している限り、クラスを使用するIDはringsです。

var radios = document.getElementsByClassName("rings"); 

HTML：あなたのフィールドに検証を追加する必要があるよう

<input type="radio" id="ring1" class="rings"> 
<input type="radio" id="ring2" class="rings">