Javascript 在国家代码下拉列表[intl tel input jquery plugin]中添加所需验证
我正在使用这个插件,我想在“国家代码”下拉列表中添加所需的验证,但这个插件不允许我这样做 我试过了,但失败了 首先,我在下拉单击事件时添加所选类Javascript 在国家代码下拉列表[intl tel input jquery plugin]中添加所需验证,javascript,jquery,plugins,intl-tel-input,Javascript,Jquery,Plugins,Intl Tel Input,我正在使用这个插件,我想在“国家代码”下拉列表中添加所需的验证,但这个插件不允许我这样做 我试过了,但失败了 首先,我在下拉单击事件时添加所选类 $(document).on('click', '.country', function () { $(".flag-dropdown").find('.selected-flag').addClass('selected'); }); 然后我检查div是否没有选择类,然后在输入字段container div中添加error类 但它不起作用
$(document).on('click', '.country', function () {
$(".flag-dropdown").find('.selected-flag').addClass('selected');
});
然后我检查div是否没有选择类,然后在输入字段container div中添加error类
但它不起作用
$("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');
}
});
我也在使用引导验证
mobile: {
validators: {
stringLength: {min: 8, message: " "},
notEmpty: {message: " "},
regexp: {regexp: /^\+?[\d-]+$/, message: " "}
}
}
任何帮助都将不胜感激 我也使用了这个插件,遇到了同样的问题,通过这些步骤解决了这个问题 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('');
}
});
如何将其选中?:)