我遇到了一个我在别处找不到的小错误。在具有 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? 如果有任何我忘记包含的代码,请告诉我。任何帮助将不胜感激!
最佳答案
想通了!为 .selected-flag 添加了一个高度:
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
height: 2em !important;
}
关于javascript - 当存在 Parsley 错误 div 时,带有国际电话输入的标志向下移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41069252/