How to check if http is in the string? [duplicate]

Question

I have to build up a NodeJS/React website. The website is all about users posting their events. So while the user is adding his event he has an option to add registration link of the event (link to the third party website where they can directly apply). Adding registration link is handled simply with the input field. Where I ask for the link:

const AddEvent = () => {
  return <input type="text" name="registrationLink" />;
};

Where I show the link:

const EventInfo = props => {
  const { registrationLink } = props; // i.e this outputs https://www.google.com

  return <a href={registrationLink}>Register Now</a>;
};

How can I now validate input to only accept the links (i.e only links with https)? Is there any easy way to do this? Best!

try <input type="url" name="registrationLink" pattern="https?://.+" required /> — Tamil Selvan C
– Tamil Selvan C, Commented Jul 2, 2020 at 15:00

mfe · Accepted Answer · 2020-07-02 14:59:28Z

1

You should validate input field before submitting. if it is not valid link you should inform user.

You can check this answer to check validation of url

Check if a JavaScript string is a URL

answered Jul 2, 2020 at 14:59

mfe

1,21811 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Majorka Over a year ago

I have tried first answer that is top voted but its not returning me false when string is without https. Intresting.

mfe Over a year ago

I recommend to use second answer. check only if protocol 'https'

Yoann Picquenot · Accepted Answer · 2020-07-02 14:58:54Z

0

You can use the URL webApi.

https://developer.mozilla.org/en-US/docs/Web/API/URL/URL

If the string passed to the constructor is not a valid URL format, it will throw an error that you can catch.

answered Jul 2, 2020 at 14:58

Yoann Picquenot

66012 silver badges26 bronze badges

1 Comment

Yoann Picquenot Over a year ago

Could you mark my answer as the good answer please? Really appreciate :)

Majorka · Accepted Answer · 2020-07-02 15:03:09Z

0

I have found an answer in one of the topics, I just want to check wheter this is the best way to check the url.

  function isValidURL(string) {
    var regex = /(http|https):\/\/(\w+:{0,1}\w*)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/;
    if (!regex.test(string)) {
      return false;
    } else {
      return true;
    }
  }

Please let me know! Best!

answered Jul 2, 2020 at 15:03

Majorka

54 bronze badges

Collectives™ on Stack Overflow

How to check if http is in the string? [duplicate]

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Linked

Related