YogeshChauhan.com
How to check if a link has http or https in it in JavaScript?
June 19, 2020

We can use RegEx (Regular Expressions) to check if http or https exists in the URL string. But there is another quick way as well.

We can use indexOf() to to check for the same.

Example


function validateURL(link)
{
    if (link.indexOf("http://") == 0 || link.indexOf("https://") == 0) {
        console.log("The link has http or https.");
    }
    else{
        console.log("The link doesn't have http or https.");      
    }
}

validateURL("www.yogeshchauhan.com/");

// The link doesn't have http or https.

Same example with https


function validateURL(link)
{
    if (link.indexOf("http://") == 0 || link.indexOf("https://") == 0) {
        console.log("The link has http or https.");
    }
    else{
        console.log("The link doesn't have http or https.");      
    }
}

validateURL("https://www.yogeshchauhan.com/");

// The link has http or https.

Discussion

JavaScript String indexOf() Method

👉 The indexOf() method returns the position of the first occurrence of a specified value in a string.

It returns -1 if the value doesn't exist in the string.

Also, it is case sensitive.

The method is supported by all major browsers.

You can also specify the search position, meaning the search will start from that position in the string.

Credit: MDN Docs

dreamhost

Leave a Reply

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 How to set opacity or transparency using CSS? #3 Pagination in CSS with multiple examples #4 How to make HTML form interactive and using CSS? #5 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #6 How to uninstall Cocoapods from the Mac OS?



Recently Posted

Feb 27 WordPress: How to display slider repeater fields in ACF? Feb 26 Simple Page Hit Counter in PHP Feb 26 Here’s what we can do with PHP date() function Feb 25 How to set default timezone using PHP? Feb 24 WordPress: How to loop through a repeater field in ACF? Feb 24 How to get ACF values from custom post type?



You might also like these

The Difference Between Arrays and Objects in JavaScriptJavaScript3 Types of Arrays in PHPPHPHow to set default timezone using PHP?PHPThe difference between 400(4xx) and 500(5xx) errorsMiscRBV Framework and closing of big brandsMiscHow to make HTML form interactive and using CSS?CSS