Streaming live at 10am (PST)

Custom code mask telephone problems


Hi webflow community,

I have this code snippet here I want to apply to a form field (telephone field).

I have tried putting everything in the custom code footer, it doesnt work. I also gave my field the ID: TelTest, since that the reference I have in my code

I have also tried to embed the html code and putting the Jquery in the footer, no good.

Anyone knows what im doing wrong ?

Thanks a lot


the code should affect the phone number input form here like on this form


@Bourki We don’t have anything to look at so we cannot tell you whats wrong


I edited my post, im guessing the fiddle was empty.


@Bourki you phone number field has an id of email not TelTest


Yes, I have just corrected that. I made this website just to share and test it out. Go ahead and check it out, its published.


I basically am really lost on how to implement this code into the form that already exists.


You can’t include jQuery a second time. Webflow already does that for you, so you should remove the first line.


Also you will need to wrap your script in <script></script> tags like this

    $("#TelTest").mask("(000) 000-0000", {placeholder: "(XXX) XXX-XXXX"});


And you’ll need to move this into the page footer code, just before the script in my previous post above.

<script src=""></script>

Like this

<script src=""></script>
    $("#TelTest").mask("(000) 000-0000", {placeholder: "(XXX) XXX-XXXX"});


Thank you so much Samliew I got it to work!