在国家/地区代码下拉添加所需的验证[intl-tel-input jquery plugin]-Java 学习之路

我正在使用这个插件，我想在国家代码下拉列表中添加所需的验证，但这个插件不允许我这样做 .

我尝试过但失败了 .

首先，我在下拉点击事件中添加选定的类

$(document).on('click', '.country', function () {
    $(".flag-dropdown").find('.selected-flag').addClass('selected');
});

然后我检查div是否没有选择类，然后在输入字段容器div中添加错误类

但它不起作用

$("input[name='mobile']").keypress(function () {
    var isSelected = $('.flag-dropdown').find('.selected-flag').hasClass('selected');
    if (isSelected == false) {
        $('.has-feedback').removeClass('has-success');
        $('.has-feedback').addClass('has-error'); 
    }
});

我也在使用bootstrap验证

mobile: {
                validators: {
                    stringLength: {min: 8, message: " "},
                    notEmpty: {message: " "},
                    regexp: {regexp: /^\+?[\d-]+$/, message: " "}
                }
              }

任何帮助将不胜感激 . ！

1 回答

我也使用这个插件并陷入同样的问题并通过这些步骤解决

1 ：为您的引导程序验证添加回调函数

mobile: {
                    validators: {
                        notEmpty: {message: " "},
                        regexp: {regexp: /^\+?[\d ]+$/, message: " "},
                        callback: {
                            message: '',
                            callback: function (value, validator, $field) {
                                if(!$('div.flag-dropdown').find('.country').hasClass('active')){
                                    return false;
                                }else{
                                    return true;
                                }
                            }
                        },
                    }
                },

2 ：通过此代码更改您单击事件

$(document).on('click', '.country', function () {
    var selectCode = $('ul.country-list').find('.active').attr('data-dial-code');
    if($.type(selectCode ) === "string") {
        $('#contact_mobile').val('+' + selectCode);
    }else{
        $('#contact_mobile').val('');
    }
});

回复于 2024-05-04T01:13:45+08:00

在国家/地区代码下拉添加所需的验证[intl-tel-input jquery plugin]

1 回答

相关问题