![](/img/trans.png)
[英]Get input value for country code with jquery [auto country by IP/intl-tel-input jquery library]
[英]Add required validation on country code drop down [ intl-tel-input jquery plugin ]
我正在使用此插件,我想在國家/地區代碼下拉列表中添加所需的驗證,但此插件不允許我這樣做。
我嘗試了但是失敗了。
首先,我在下拉點擊事件中添加選定的課程
$(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');
}
});
我也在使用引導驗證
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('');
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.