Numer kierunkowy w polu formularza

Zaktualizowano: 18 października, 2021 Autor: Avatar Marta Szeliga
share
Spis treści
share
Spis treści

Jeśli chcesz wyświetlać w formularzu określony format numeru telefonu z numerem kierunkowym dowolnego kraju, możesz to osiągnąć dodając niestandardowy kod JavaScript do swojego landing page’a. 

1. Zaloguj się na swoje konto w platformie Landingi i wejdź w Dashboard wybranego landing page’a. Przejdź do zakładki Kody JavaScript.

Do zakładki kody JavaScript możesz przejść także z poziomu edytora wybranego landing page’a.

2. Kliknij w Dodaj kod i skopiuj podany poniżej kod:

<script>

/*!

* jQuery Browser Plugin v0.0.6

* https://github.com/gabceb/jquery-browser-plugin

*

* Original jquery-browser code Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors

* http://jquery.org/license

* Modifications Copyright 2013 Gabriel Cebrian

* https://github.com/gabceb

*

* Released under the MIT license

*

* Date: 2013-07-29T17:23:27-07:00



https://github.com/gabceb/jquery-browser-plugin/blob/master/dist/jquery.browser.js

*/

(function (jQuery, window, undefined) {

"use strict";

var matched, browser;

jQuery.uaMatch = function (ua) {

ua = ua.toLowerCase();

var match = /(opr)\//.exec(ua) ||

/(chrome) \//.exec(ua) ||

/(version) \/.*(safari) \//.exec(ua) ||

/(webkit) \//.exec(ua) ||

/(opera)(?:.*version|) \//.exec(ua) ||

/(msie) ([\w.]+)/.exec(ua) ||

ua.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec(ua) ||

ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) ||

[];

var platform_match = /(ipad)/.exec(ua) ||

/(iphone)/.exec(ua) ||

/(android)/.exec(ua) ||

/(windows phone)/.exec(ua) ||

/(win)/.exec(ua) ||

/(mac)/.exec(ua) ||

/(linux)/.exec(ua) ||

/(cros)/i.exec(ua) ||

[];

return {

browser: match[3] || match[1] || "",

version: match[2] || "0",

platform: platform_match[0] || ""

};

};

matched = jQuery.uaMatch(window.navigator.userAgent);

browser = {};

if (matched.browser) {

browser[matched.browser] = true;

browser.version = matched.version;

browser.versionNumber = parseInt(matched.version);

}

if (matched.platform) {

browser[matched.platform] = true;

}

// These are all considered mobile platforms, meaning they run a mobile browser
if (browser.android || browser.ipad || browser.iphone || browser["windows phone"]) {

browser.mobile = true;

}

// These are all considered desktop platforms, meaning they run a desktop browser
if (browser.cros || browser.mac || browser.linux || browser.win) {

browser.desktop = true;

}

// Chrome, Opera 15+ and Safari are webkit based browsers
if (browser.chrome || browser.opr || browser.safari) {

browser.webkit = true;

}

// IE11 has a new token so we will assign it msie to avoid breaking changes
if (browser.rv)

{

var ie = "msie";

matched.browser = ie;

browser[ie] = true;

}

// Opera 15+ are identified as opr
if (browser.opr)

{

var opera = "opera";

matched.browser = opera;

browser[opera] = true;

}

// Stock Android browsers are marked as Safari on Android.
if (browser.safari && browser.android)

{

var android = "android";

matched.browser = android;

browser[android] = true;

}

// Assign the name and platform variable

browser.name = matched.browser;

browser.platform = matched.platform;

jQuery.browser = browser;

})(jQuery, window);

/*

Masked Input plugin for jQuery

Copyright (c) 2007-2011 Josh Bush (digitalbush.com)

Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)

Version: 1.3

https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js

*/

(function (a) {
var b = (a.browser.msie ? "paste" : "input") + ".mask",
c = window.orientation != undefined;
a.mask = {
definitions: {
9: "[0-9]",
a: "[A-Za-z]",
"*": "[A-Za-z0-9]"
},
dataName: "rawMaskFn"
}, a.fn.extend({
caret: function (a, b) {
if (this.length != 0) {
if (typeof a == "number") {
b = typeof b == "number" ? b : a;
return this.each(function () {
if (this.setSelectionRange) this.setSelectionRange(a, b);
else if (this.createTextRange) {
var c = this.createTextRange();
c.collapse(!0), c.moveEnd("character", b), c.moveStart("character", a), c.select()
}
})
}
if (this[0].setSelectionRange) a = this[0].selectionStart, b = this[0].selectionEnd;
else if (document.selection && document.selection.createRange) {
var c = document.selection.createRange();
a = 0 - c.duplicate().moveStart("character", -1e5), b = a + c.text.length
}
return {
begin: a,
end: b
}
}
},
unmask: function () {
return this.trigger("unmask")
},
mask: function (d, e) {
if (!d && this.length > 0) {
var f = a(this[0]);
return f.data(a.mask.dataName)()
}
e = a.extend({
placeholder: "_",
completed: null
}, e);
var g = a.mask.definitions,
h = [],
i = d.length,
j = null,
k = d.length;
a.each(d.split(""), function (a, b) {
b == "?" ? (k--, i = a) : g[b] ? (h.push(new RegExp(g[b])), j == null && (j = h.length - 1)) : h.push(null)
});
return this.trigger("unmask").each(function () {
function v(a) {
var b = f.val(),
c = -1;
for (var d = 0, g = 0; d < k; d++)
if (h[d]) {
l[d] = e.placeholder;
while (g++ < b.length) {
var m = b.charAt(g - 1);
if (h[d].test(m)) {
l[d] = m, c = d;
break
}
}
if (g > b.length) break
} else l[d] == b.charAt(g) && d != i && (g++, c = d);
if (!a && c + 1 < i) f.val(""), t(0, k);
else if (a || c + 1 >= i) u(), a || f.val(f.val().substring(0, c + 1));
return i ? d : j
}

function u() {
return f.val(l.join("")).val()
}

function t(a, b) {
for (var c = a; c < b && c < k; c++) h[c] && (l[c] = e.placeholder)
}

function s(a) {
var b = a.which,
c = f.caret();
if (a.ctrlKey || a.altKey || a.metaKey || b < 32) return !0;
if (b) {
c.end - c.begin != 0 && (t(c.begin, c.end), p(c.begin, c.end - 1));
var d = n(c.begin - 1);
if (d < k) {
var g = String.fromCharCode(b);
if (h[d].test(g)) {
q(d), l[d] = g, u();
var i = n(d);
f.caret(i), e.completed && i >= k && e.completed.call(f)
}
}
return !1
}
}

function r(a) {
var b = a.which;
if (b == 8 || b == 46 || c && b == 127) {
var d = f.caret(),
e = d.begin,
g = d.end;
g - e == 0 && (e = b != 46 ? o(e) : g = n(e - 1), g = b == 46 ? n(g) : g), t(e, g), p(e, g - 1);
return !1
}
if (b == 27) {
f.val(m), f.caret(0, v());
return !1
}
}

function q(a) {
for (var b = a, c = e.placeholder; b < k; b++)
if (h[b]) {
var d = n(b),
f = l[b];
l[b] = c;
if (d < k && h[d].test(f)) c = f;
else break
}
}

function p(a, b) {
if (!(a < 0)) {
for (var c = a, d = n(b); c < k; c++)
if (h[c]) {
if (d < k && h[c].test(l[d])) l[c] = l[d], l[d] = e.placeholder;
else break;
d = n(d)
}
u(), f.caret(Math.max(j, a))
}
}

function o(a) {
while (--a >= 0 && !h[a]);
return a
}

function n(a) {
while (++a <= k && !h[a]);
return a
}
var f = a(this),
l = a.map(d.split(""), function (a, b) {
if (a != "?") return g[a] ? e.placeholder : a
}),
m = f.val();
f.data(a.mask.dataName, function () {
return a.map(l, function (a, b) {
return h[b] && a != e.placeholder ? a : null
}).join("")
}), f.attr("readonly") || f.one("unmask", function () {
f.unbind(".mask").removeData(a.mask.dataName)
}).bind("focus.mask", function () {
m = f.val();
var b = v();
u();
var c = function () {
b == d.length ? f.caret(0, b) : f.caret(b)
};
(a.browser.msie ? c : function () {
setTimeout(c, 0)
})()
}).bind("blur.mask", function () {
v(), f.val() != m && f.change()
}).bind("keydown.mask", r).bind("keypress.mask", s).bind(b, function () {
setTimeout(function () {
f.caret(v(!0))
}, 0)
}), v()
})
}
})
})(jQuery);

</script>

<script>

$(function () {

$("input[name=phone]").mask("+1 999-999-999");

$("input[name=phone]").on("blur", function () {

var last = $(this).val().substr($(this).val().indexOf("-") + 1);

if (last.length == 5) {

var move = $(this).val().substr($(this).val().indexOf("-") + 1, 1);

var lastfour = last.substr(1, 4);

var first = $(this).val().substr(0, 9);

$(this).val(first + move + '-' + lastfour);

}

});

});

</script>

3. Wpisz nazwę (1), wklej kod (2) i wybierz Body – na dole (3) i Strona główna (4)

4. W jednej z końcowych linii kodu, wpisz numer kierunkowy, który ma być wyświetlany w polu numeru telefonu w formularzu. Kliknij w Dodaj.

5. Po zapisaniu kodu, w polu formularza pojawi się wybrany numer kierunkowy.

Ważne: Pamiętaj, aby pole numeru kierunkowego w ustawieniach formularza posiadało nazwę atrybutu phone.

share

Czy ta instrukcja była pomocna?