弹出字段验证循环

Question

我正在尝试找出一种很酷的方法来遍历我的 DIV 字段并使用 FOR LOOP 验证它们是否为空，然后显示弹出警告。

我已经在 SPAN 对象上使用 * 完成了警告，但我现在希望能够对名称或 ID 类似“popoverempty_name”之类的 DIV 执行相同操作。

这是我目前得到的：

// After Form Submitted Validation
$("#contact_submit button").click(function(event){
    var form_data=$("#contact input[type=text]").serializeArray();
    var error_free=true;
    for (var input in form_data) {
	var element=$("#contact_"+form_data[input]['name']);
	var valid=element.hasClass("valid");
        var error_element=$("span", element.parent());  

        // This part doesn't work :
        var popover_element=$(this).attr("#popover_"+form_data[input]['name']);  
        // Why???

	if (!valid) {
            error_element.removeClass("error").addClass("error_show"); 
            error_free=false;
            //$('popover_element').popover('show');
        }
	else {
            error_element.removeClass("error_show").addClass("error");
            //$('popover_element').popover('hide');
        }
    }
    if (!error_free) {
	event.preventDefault(); 
    }
    else {
	alert('No errors: Form will be submitted');
    }
});

<!-- Name -->
<div  id="popover1" data-toggle="popover" data-placement="right" title="Fix your name" data-content="Enter a correct name i.e. John Doe">
    <div id="popoverempty_name" data-toggle="popoverempty" data-placement="left" title="This is Required" data-content="" ></div>	
    <span class="error">ERROR</span>  
    <label for="contact_name"></label>
    <input class="checkout-input checkout-name" placeholder="Name and Lastname" type="text" name="name" id="contact_name" required/>
</div>

Answer 1

去图吧！我通过多玩一点来解决它......早上醒来总是有帮助的！ ;-)

这是答案...我希望它可以帮助那里的人！

				for (var input in form_data){
					var element=$("#contact_"+form_data[input]['name']);
					var valid=element.hasClass("valid");
					var error_element=$("span", element.parent());
					if (!valid){error_element.removeClass("error").addClass("error_show"); error_free=false;$(function () {$("#popoverempty_"+form_data[input]['name']).popover('show')});}
					else{error_element.removeClass("error_show").addClass("error");$(function () {$("#popoverempty_"+form_data[input]['name']).popover('hide')});}
				}