diff --git a/frontend/assets/AppAsset.php b/frontend/assets/AppAsset.php index 9633b2d..0f0c1fc 100755 --- a/frontend/assets/AppAsset.php +++ b/frontend/assets/AppAsset.php @@ -23,6 +23,7 @@ 'js/waypoints.min.js', 'js/jquery.counterup.min.js', 'js/jquery.parallax-1.1.3.js', + 'js/jquery.mask.min.js', 'js/front.js', // 'js/owl.carousel.min.js', 'js/owl.carousel2.min.js', diff --git a/frontend/web/js/front.js b/frontend/web/js/front.js index d0ff12c..c450120 100755 --- a/frontend/web/js/front.js +++ b/frontend/web/js/front.js @@ -7,6 +7,25 @@ if ($.cookie("theme_layout")) { .addClass($.cookie("theme_layout")); } +function phoneMask(phoneInput2) { + var phoneInput = phoneInput2; + + if ($('body').find(phoneInput).length > 0) { + $(phoneInput).mask('+38(000)000-00-00', {placeholder: '+38(0__)___-__-__'}); + $(phoneInput).focus(function () { + if (($(this).val()) == '') { + $(this).val('+38(0') + } + }) + $(phoneInput).focusout(function () { + var phoneVal = $(this).val() + //if(phoneVal == '+38(0' || phoneVal == '+38(' || phoneVal == '+38' || phoneVal == '+3' || phoneVal == '+') {$(this).val('')} + if (phoneVal.length < 17) { + $(this).val('') + } + }) + } +} $( function() { @@ -20,12 +39,13 @@ $( animations(); counters(); demo(); + phoneMask("input[name='Feedback[phone]']"); } ); -/* for demo purpose only - can be deleted */ +/* for demo purpose only - can be deleted */ function demo() { if ($.cookie("theme_csspath")) { diff --git a/frontend/web/js/jquery.mask.min.js b/frontend/web/js/jquery.mask.min.js new file mode 100755 index 0000000..cc9e30c --- /dev/null +++ b/frontend/web/js/jquery.mask.min.js @@ -0,0 +1,13 @@ +(function(b){"function"===typeof define&&define.amd?define(["jquery"],b):"object"===typeof exports?module.exports=b(require("jquery")):b(jQuery||Zepto)})(function(b){var y=function(a,e,d){var c={invalid:[],getCaret:function(){try{var r,b=0,e=a.get(0),d=document.selection,f=e.selectionStart;if(d&&-1===navigator.appVersion.indexOf("MSIE 10"))r=d.createRange(),r.moveStart("character",-c.val().length),b=r.text.length;else if(f||"0"===f)b=f;return b}catch(g){}},setCaret:function(r){try{if(a.is(":focus")){var c, +b=a.get(0);b.setSelectionRange?(b.focus(),b.setSelectionRange(r,r)):(c=b.createTextRange(),c.collapse(!0),c.moveEnd("character",r),c.moveStart("character",r),c.select())}}catch(e){}},events:function(){a.on("keydown.mask",function(c){a.data("mask-keycode",c.keyCode||c.which)}).on(b.jMaskGlobals.useInput?"input.mask":"keyup.mask",c.behaviour).on("paste.mask drop.mask",function(){setTimeout(function(){a.keydown().keyup()},100)}).on("change.mask",function(){a.data("changed",!0)}).on("blur.mask",function(){n=== +c.val()||a.data("changed")||a.trigger("change");a.data("changed",!1)}).on("blur.mask",function(){n=c.val()}).on("focus.mask",function(a){!0===d.selectOnFocus&&b(a.target).select()}).on("focusout.mask",function(){d.clearIfNotMatch&&!p.test(c.val())&&c.val("")})},getRegexMask:function(){for(var a=[],c,b,d,f,l=0;l
'); -- libgit2 0.21.4