显示自定义属性引导提示

Question

我有一个表格：

<form method="post" id="update_user_info" action="/Cabinet/Edit"> 
    <div class="modal-header"> 
     <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button> 
     <h3 id="myModalLabel">Modal Header</h3> 
    </div> 
    <div class="modal-body"> 
     <div class="span4 clear_mp"> 
      <div class="span2 pull-left clear_mp"> 
       <label for="FirstName">Name</label> 
       <input type="text" value="John" name="FirstName" id="FirstName" /> 
      </div> 
      <div class="span1 pull-right clear_mp"> 
       <label for="CarMark">Car</label> 
       <input type="text" value="SUBARU LEGACY" name="CarMark" id="CarMark" /> 
      </div>   


      <div class="span1 pull-right clear_mp"> 
       <label for="Email">Email</label> 
       <input type="text" value="test@mail.com" name="Email" id="Email" data-val-email="The email is wrong" data-val="true" class="input-validation-error" /> 
      </div> 
      <div class="span2 pull-left clear_mp"> 
       <label for="PhoneNumber">Phone number </label> 
       <input type="text" value="" name="PhoneNumber" id="PhoneNumber" data-val-regex-pattern="(\+)?77[0-9]{9}" data-val-regex="The phone number is wrong" data-val="true" /> 
       <span data-valmsg-replace="true" data-valmsg-for="PhoneNumber" class="field-validation-valid"></span> 
      </div> 

     </div>    
    </div> 
    <div class="modal-footer"> 
     <input type="submit" value="Save" id="update_user_info" class="btn btn-large btn-primary" /> 
    </div> 
</form> 

我要做到以下几点：
1.找到input它们具有类input-validation-error（在这里，我没有问题）
2.获取data-val-*（*表示电子邮件或正则表达式或其他）属性的值，并在输入中显示具有此值的引导工具提示？

我该怎么做？

在jsFiddle

Answer 1

的标记我真的不知道，你想要做什么。无论如何，这可能是起点：

$(document).ready(function(){ 
    $('input[data-val="true"]').each(function(i, elem){ 
     var theTitle = ''; 
     if ($(elem).data('val-email')) { 
      theTitle = $(elem).data('val-email'); 
     } else if ($(elem).data('val-regex')) { 
      theTitle = $(elem).data('val-regex'); 
     } else { 
      theTitle = "Something is wrong here"; 
     } 
     $(elem).tooltip({ 
      title: theTitle 
     }); 
    }); 
}); 

这是jsFiddle。

正则表达式模式没有执行，因为你没有在你的文章中提到它。所以我认为，验证不是你问题的一部分。如果是这样，你可能想要提供一些关于你想要做什么的更多细节。