The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group

Slack Signup
Newsletter Optin
Help Desk

Phone Field Prefix

Labels

This Discussion is public

Notifications

Q1: Anybody Know how to add a fixed field prefix within a placeholder label?

i.e. not before the form field.
not editable.

See attached.


Attachment:

I would do that with jQuery.

You could also hard-code the prefix in the generated HTML on the forms Customize HTML page.

You could also hard-code the prefix in the generated HTML on the forms Customize HTML page.

I tried that but it sticks it WAY in front of the box rather than before the place where they enter in text.

Not quite sure what you mean how to do it by Jquery. Surely there's an easier way?

Look at the image attached to this post. It is the result I get when testing adding the prefix to the custom HTML. Isn't this the result you want?

This is the HTML I modified in the customize HTML page:

I changed:

[input]

to:

https://pastebin.com/feBWT1WR

(had to use pastebin because the code tag executes the code.


Attachment:

I tried that but it's not as good as if it's within the box.

i.e. it would look like +44___ ____ ___ within the box.

It looks weird all the way out in the front by itself on my forms!


Attachment:

By design, HTML input fields don't allow for static text. This is the way HTML is defined. It has nothing to do with Formidable or Formidable's capabilities.

If you want to work around HTML, your only choice is to use a standard text field and write a jQuery routine to monitor keystrokes and append the prefix to the content on every keyup cycle. You'll also have to provide your own input mask. There is no easy way to do this, it's a lot of work.

I was hoping for a quick way to put it in front of the regex!

+44 999 9999 9999

So it shows it in front! Anyways, it sounds like it can't easily be done with Formidable.

I really appreciate the help!

Discussion closed.