jQuery Masked Input Issue

  • monsterazor
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 0

monsterazor created the topic: jQuery Masked Input Issue

Hi everyone;
I'm using masked input for telephone-field in my form. It was working perfectly at first times. But now it's not working anymore. I can't determine source of issue. But I changed my theme in close time. Maybe it can caused it.

And here is my code at 'Form Pieces' - Before
echo '<script src="/includes/js/maskedinput/src/jquery.maskedinput.js" 
type="text/javascript"></script>';
echo '<script>
jQuery(function($){
     $("#ff_elem140").mask("9(999) 999 99 99");
});
</script>';

Phone field id is still same. I'm waiting for your reply.
#237272
  • Posts: 5896
  • Karma: 118
  • Thank you received: 544

MarioPuco replied the topic: jQuery Masked Input Issue

Hi,

The code you sent seems valid...
Can you tell me if there are any errors in the browser console ?
Is ff_elem140 the correct ID of the element you are targeting ?

Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#237274
  • monsterazor
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 0

monsterazor replied the topic: jQuery Masked Input Issue

MarioPuco wrote: Hi,

The code you sent seems valid...
Can you tell me if there are any errors in the browser console ?
Is ff_elem140 the correct ID of the element you are targeting ?

Regards,
Mario


ff_elem140 is correct ID of the element.
And here is my error console.
JQMIGRATE: Migrate is installed, version 1.4.1
favth-scripts.js:24 Uncaught TypeError: jQuery(...).favthtooltip is not a function
    at HTMLDocument.<anonymous> (favth-scripts.js:24)
    at u (jquery.min.js?d3b731b4ebcb18a51890d86a433b4604:2)
    at Object.fireWith [as resolveWith] (jquery.min.js?d3b731b4ebcb18a51890d86a433b4604:2)
    at Function.ready (jquery.min.js?d3b731b4ebcb18a51890d86a433b4604:2)
    at HTMLDocument._ (jquery.min.js?d3b731b4ebcb18a51890d86a433b4604:2)
js?v=3.exp&key=*_-0&signed_in=true&libraries=places:60 This API project is not authorized to use this API. Please ensure this API is activated in the Google Developers Console: https://console.developers.google.com/apis/api/places_backend?project=_ For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key
_.Vc @ js?v=3.exp&key=*_-0&signed_in=true&libraries=places:60
util.js:232 Google Maps JavaScript API warning: SignedInNotSupported https://developers.google.com/maps/documentation/javascript/error-messages#signed-in-not-supported
#237282
  • Posts: 5896
  • Karma: 118
  • Thank you received: 544

MarioPuco replied the topic: jQuery Masked Input Issue

Hi,

Please try this :
$this->execPieceByName('ff_InitLib');
echo '<script src="\includes\js\maskedinput\src\jquery.maskedinput.js"
type="text/javascript"></script>';
echo '<script>
jQuery(function($){
jQuery("#ff_elem140").mask("99 999 99");
});
</script>';

Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#237288
  • monsterazor
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 16
  • Thank you received: 0

monsterazor replied the topic: jQuery Masked Input Issue

MarioPuco wrote: Hi,

Please try this :

$this->execPieceByName('ff_InitLib');
echo '<script src="\includes\js\maskedinput\src\jquery.maskedinput.js"
type="text/javascript"></script>';
echo '<script>
jQuery(function($){
jQuery("#ff_elem140").mask("99 999 99");
});
</script>';

Regards,
Mario



Unfortunately nothings hasn't been change. Have you any idea ?
#237291
  • Posts: 5896
  • Karma: 118
  • Thank you received: 544

MarioPuco replied the topic: jQuery Masked Input Issue

Hi,

Can you send me a link to yoru Form please ?

Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#237308
Moderators: ForumSupporttomeperica
Time to create page: 0.038 seconds

New Icon Packs Category!

Crosstec is now offering icon packs.

If you are a paying subscriber, icon packs are automatically added to your account.

Check out our icon packs page!

Live Support Chat Opened!

Join our Discord chat here to receive live support and talk directly to the team!

Summer Sale!

50% discount on all of our extension subscription plans, templates and icon packs!

Get Your Subscription Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99 for just 49! (Summer Sale)

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Live Support Chat Opened!

Join our Discord chat here to receive live support and talk directly to the team!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here