popover字段驗證循環

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) { 
 
\t var element=$("#contact_"+form_data[input]['name']); 
 
\t 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??? 
 

 
\t if (!valid) { 
 
      error_element.removeClass("error").addClass("error_show"); 
 
      error_free=false; 
 
      //$('popover_element').popover('show'); 
 
     } 
 
\t else { 
 
      error_element.removeClass("error_show").addClass("error"); 
 
      //$('popover_element').popover('hide'); 
 
     } 
 
    } 
 
    if (!error_free) { 
 
\t event.preventDefault(); 
 
    } 
 
    else { 
 
\t 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> \t 
 
    <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

去圖！我通過多玩一點來解決它...並且在早上醒來總是有幫助的！ ;-)

這是答案...我希望它可以幫助那裏的人！

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