URL and email input mask

  • techtunes
    Asked on February 21, 2016 at 5:09 PM

    Hello,

    On a form user need to provided their email address for a fixed domain. So I need to input musk like _____________ @mysite.com So user will only input the email ID not domain part. And user will not able to change the @mysite.com part.

    Also user need to provide their twitter id. http://twitter.com/ ____________ Like that user will only input the part of twitter ID

    But input musk don't support unlimited character when provide '*' or '#'. It only supports a single character.

    How it can be done?

  • Chriistian Jotform Support
    Replied on February 21, 2016 at 10:08 PM

    A possible workaround would be to use regular textboxes, two for each link, and use conditions to display the full link correctly.

    1. Add four textboxes, the full link textboxes will capture the text and combine them to make a full url

    URL and email input mask Image 1 Screenshot 70

    2. Setup the conditions as seen below by following this guide: Smart-Forms-Using-Conditional-Logic

    URL and email input mask Image 2 Screenshot 81

     

    3. On the conditions wizard, select Update/Calculate Field and add the conditions below.

    URL and email input mask Image 3 Screenshot 92

    URL and email input mask Image 4 Screenshot 103

    URL and email input mask Image 5 Screenshot 114

    Here's how the input should look after.

    URL and email input mask Image 6 Screenshot 125

    If you want to see it in action, you can check out this sample form: https://form.jotform.com/60518262264958 

    You can also clone it to your account by following this guide: How to clone a form

  • techtunes
    Replied on February 23, 2016 at 7:24 PM

    Thanks for the work around. its very well. But 4 text box is really clutter.  Isn't it possible to update input musk by jotform to support not only single character but also multiple character. It will make the input musk more powerful. 

  • Chriistian Jotform Support
    Replied on February 23, 2016 at 9:44 PM

    Unfortunately, that is currently not possible to do in the form builder. 

    If you want to limit the number of fields shown in your form, you can simply set the other textbox as hidden.

    1. Click the gear icon beside the field you want to hide.

    2. Click Hide Field

    URL and email input mask Image 1 Screenshot 40

    This is how it would appear after:

    URL and email input mask Image 2 Screenshot 51

    Then when you receive submissions, you will still see the full link in the submission page and the email notification.

    URL and email input mask Image 3 Screenshot 62

    Sample form: https://form.jotform.com/60538406874967 

    Do let us know if you need further assistance.