Form Help

TOPIC:

Maskedinput Stopped Working 1 year 8 months ago #255596

  • Topic Author
  • cavedog
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 133
  • Thanks: 0
Site: https://militaryhomeservices.com/enroll
Joomla 3.9.25
BreezingForms 1.9.1 Stable (build 941)
Re: Masked Input

I use maskedinput.js on a number of forms on a number of sites. For some reason it stopped working on this site. I have read every form topic I could find and none fix. I can't figure why or the fix.

This exact code, other then the element # of course, works on my other sites:
echo '<script src="./includes/maskedinput/src/jquery.maskedinput.js" type="text/javascript"></script>';

echo '<script>
JQuery(function($){
$("input[name*=\'primary_phone\*]").mask("(999) 999-9999");
$("#ff_elem227").mask("(999) 999-9999");
$("#ff_elem236").mask("(999) 999-9999");
});
</script>';
I have tried - echo '<script src="/includes/...
- echo '<script src="includes/...

None work.

I get these errors:

enroll:1321 GET militaryhomeservices.com/includes/masked...query.maskedinput.js net::ERR_ABORTED 403
enroll:1321 GET militaryhomeservices.com/includes/masked...query.maskedinput.js net::ERR_ABORTED 403
enroll:1323 Uncaught TypeError: $(...).mask is not a function
at HTMLDocument.<anonymous> (enroll:1323)
at u (jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2)
at Object.fireWith [as resolveWith] (jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2)
at Function.ready (jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2)
at HTMLDocument._ (jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2)
(anonymous) @ enroll:1323
u @ jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2
fireWith @ jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2
ready @ jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2
_ @ jquery.min.js?149e09d53d01bea1e205d2b5623b60fe:2
jq.iframeautoheight.js:162 Uncaught TypeError: Cannot read property 'offsetHeight' of null
at strategies.webkit (jq.iframeautoheight.js:162)
at resizeHeight (jq.iframeautoheight.js:214)
at _item (jq.iframeautoheight.js:256)

It is the correct path to maskedinput.js. All errors seem to be connected to BreezingForms.

Any help is appreciated.

Please Log in or Create an account to join the conversation.

Maskedinput Stopped Working 1 year 8 months ago #255603

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11658
  • Karma: 3
  • Thanks: 757
Hi,

please disable Auto Height in your form->Advanced->More options->Settings->Autoheight iFrame set it to Off

Also, ERR_ABORTED 403 -> is permission issue, for some reasone your server is denying permission

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Maskedinput Stopped Working 1 year 8 months ago #255654

  • Topic Author
  • cavedog
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 133
  • Thanks: 0
Thank you. That helped with the iframe error and I got the script to work though I don't know exactly how. Something in the .htaccess. Unfortunately I can't pinpoint it because it was a copy and paste from another site where it works.

I am having an issue with cursor position in the field. It will enter anywhere in the field not at the beginning. See screenshot attached. This can result in input errors and frustration for the submitter. Is there a way to force input, as in other forms, to start at the beginning? Or rather, right after the first ( ?

Thank you.

Attachments:

Please Log in or Create an account to join the conversation.

Last edit: Post by cavedog.

Maskedinput Stopped Working 1 year 8 months ago #255665

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11658
  • Karma: 3
  • Thanks: 757
Hi,

do you have a link of this that I can test it?

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Maskedinput Stopped Working 1 year 8 months ago #255738

  • Topic Author
  • cavedog
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 133
  • Thanks: 0

Please Log in or Create an account to join the conversation.

Maskedinput Stopped Working 1 year 8 months ago #255768

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11658
  • Karma: 3
  • Thanks: 757
Hi,

as I can see this depend where you click in input phone field.

Same you can see in demo:
crosstec.org/en/support/online-documenta...ked-field-input.html

If I missed something please let me know

Regards,
Tihana

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.107 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

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!