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();
});

单选按钮的情况如何。

感谢

Answer 1

你可以创建一个if else语句，原始条件中的所有项目由＆amp;＆amp;分隔。并检查每个输入字段是否具有长度> gt的值; 0和单选按钮执行$('.radio_button').is(':checked'))如果它们全部通过，则可以打开选项卡。如果他们没有通过，你可以$('.error-div').html("<div>Error Message</div>")

Answer 2

如果您的单选按钮全部位于名为ring的组中，并且只有一个可选：

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">

如果可以选择多个，则可以使用相同的解决方案，只要您在变量radios中获得必需的集合，假设您使用类rings：< / p>

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

HTML：

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