3

他では見つけることができなかった、小さいながらも固有のエラーがあります。intl-tel-input を持つ電話番号入力の下に、Parsley.js からポップアップするエラー メッセージがあります。エラーのないものを次に示します。

エラーなし

そして、ここにエラーのあるものがあります: エラーあり

ご覧のとおり、エラー div が存在する場合、フラグと矢印が下にシフトします。

関連するコードは次のとおりです。

<div class="col-md-6">
    <input type="tel" class="form-control tc-custom-focus" id="inf_field_Phone1" name="inf_field_Phone1" minlength = '10' maxlength="14" data-parsley-error-message='Must be minimum of 10 digits' data-parsley-trigger='change' data-parsley-required autofocus>
    <input id="hidden-number" name='inf_field_Phone1' type="hidden" name="phone-full">
</div>

<script>
        $("#inf_field_Phone1").intlTelInput({
            utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/9.2.7/js/utils.js'
        });
        $("#become-partner-form").submit(function() {
            $("#hidden-number").val($("#inf_field_Phone1").intlTelInput("getNumber"));
          // console.log($('#hidden-number').val());
        });
    </script>

div.selected-flag のサイズが 38x36 から 38x55 に変更されているようです。含めるのを忘れたコードがある場合は、お知らせください。どんな助けでも大歓迎です!

4

2 に答える 2