jquery - 显示带有自定义属性的引导工具提示

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。

正则表达式模式没有被执行，因为你没有在你的帖子中提到它。所以我假设，验证不是你的问题的一部分。如果是这样，您可能希望提供更多关于您正在尝试做什么的详细信息。