Requiring a person submitting a URL to use one that begins https://

Hi Jotform

Creating this form

https://www.jotform.com/build/73505129184153

You can see it here:  https://form.jotform.com/73505129184153

We have a field called:

URL of photo of book. Grab from google, amazon, or any book site.

I want to put a validator on it so that the person has to use a URL that begins with these characters

https://

For instance, it might be:

https://mysite.com/book123.jpg

I do not want to display https://  in the field and have them add the rest, since they are likely to copy and paste the entire URL from a site, and then we would end up with double https://

I would also like to show an error message if they submit a URL that does not begin with that.

Thanks!
Robert

Hi Robert,

I have cloned your form and I think I have achieved what you are asking with the help of a textfield.

Here is the URL to my cloned form: https://form.jotform.com/73566665163970

Please check it and see if it is what you are asking for.

Here is what I did:

After cloning your form, I added a Short Text Entry element to the form. It's ID is #input_52.
First thing I did is I made it REQUIRED and put a placeholder "MUST BEGIN WITH HTTPS://".

After that I injected some Custom CSS to make it look like a validation message. Here is the CSS:

#label_52 { display: none !important; } #input_52 { border: 0 !important; background: transparent !important; box-shadow: none !important; } #input_52::-webkit-input-placeholder { color: red; } #input_52::-moz-placeholder { color: red; } #input_52:-ms-input-placeholder { color: red; } #input_52:-moz-placeholder { color: red; }

Then I added three IF conditionals:

1.

2.

3.

You can clone my form, or follow the steps that I used.
Here is a guide on How to Clone an Existing Form from a URL

Please let me know if you need further assistance.

Hi Adrian

Looking at this further. It works, but it is not ideal. 

Can we accomplish this with masking?

This article https://www.jotform.com/help/381-Getting-Started-with-the-Basics-of-Input-Masking shows an example of, "You could even include the St. in the Mask if you wanted:"

However, the example they give assumes that every city will have 9 characters after the "St ".

People entering a URL for a book image could have a URL of any length, including extremely long. 

The article gives these choices:

       @  =   Masks Letters

       #    =   Masks Numbers

       *    =   Masks Letters & Numbers

However, it does not give a choice of a character that is neither a letter or number (for instance, a dot or a slash or a dash, all of which might appear in a URL.

It also does not give a character that lets the person enter any number of characters, instead of an exact count.

I hope there is an undocumented option, such as '!' which would let the person enter any number of anything.

I added a field called URL test where I could experiment, and I hid it with this Condition so that you can see it if you look in build, but visitors will not see it. It is based on Get Page URL Contains value = testing, which never occurs.

Thanks! And Happy New Year to all of you at Jotform.

I'm afraid that is not possible since masks are usually used for phone numbers, addresses. 

Maybe a validation of the field could work:

Although you need to check https so that will not work fully, so a combination with the condition might work:

So you can show an error message (maybe even hide the submit button) until the right URL is entered.

Hope it helps.

Thank you!

Thanks! The idea of hiding the submit button is really clever!