Trouble with create telephone number mask

I'm not having much luck creating a mask (of any type) that works.

I'm presenting one example, put together with (what I think) are you instructions from other forum entries:

1. Created a text field named "phone"
2. Created a javascript view with the following code: masksetting = {mask: 999-999-9999} (exactly as shown here). 
   1. In the text field, selected the "Input Mask" behavior and in the "Mask settings and variable name" section, entered "masksetting" 
3. The "Mask options" box I left empty/blank

What am I missing? 

Thank you!

That did the trick. Thank you very much!

I guess I spoke too soon. The fields work with the "Preview" link from within setup, but not when accessing the form via menu or direct link. 

Here's the page link: https://www.mhlas.com/submit-directory

I'm also attaching two setup screenshots for the email field and the telephone field. 

Let me know what you find. 

Thank you!

it's something on your web page breaking the js code of the form, I could not find what is the reason, try to disable somethings or change the template