0

私はフォームを持っています:

<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.クラスを持っているもの
を見つけます(ここでは、問題はありません) 2. (* は電子メールまたは正規表現などを意味します) 属性の値を取得し、この値でブートストラップ ツールチップを入力？ inputinput-validation-error
data-val-*

これどうやってするの？

jsFiddleのマークアップ

4

1 に答える 1

0

あなたが何をしたいのかよくわかりません。とにかく、これは出発点かもしれません：

$(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があります。

投稿で言及しなかったため、正規表現パターンは実行されません。したがって、検証は問題の一部ではないと思いました。そうである場合は、正確に何をしようとしているのかについて、さらに詳細を提供することをお勧めします。

于 2013-02-10T18:07:32.457 に答える