Is it possible to verify a URL using an if/else statement?

Question

Is it possible to verify a URL using an if/else statement?

I need to verify a submitted URL by excluding any additional paths from it.

Here is the URL that the user submitted:

const inputUrl = document.getElementById("inputVal").value;

If the user submits 'http://example.com/faq', I want to write an if/else statement that checks only for 'example.com', regardless of whether it's using 'http/https' or has any extra paths after '.com'

if (inputUrl == "example.com") {
console.log ("This is example.com");
} else {
console.log("This is not example.com");
}

Any guidance on this matter would be highly appreciated.

javascript url if-statement

Answer 1

Answer №1

   if(urlInput.toLowerCase().includes("stackoverflow.com")) {
       ...
   }

Answer 2

   if(urlInput.toLowerCase().includes("stackoverflow.com")) {
       ...
   }

Answer 3

Answer №2

If you're looking for a simple trick to delegate most tasks to the browser, check out this neat tip from MDN:

var url = document.createElement('a');
url.href = 'http://stackoverflow.com/questions/ask';
console.log(url.host);      // stackoverflow.com

if (url.host == "stackoverflow.com") {
  console.log ("stackoverflow");
} else {
  console.log("not stackoverflow");
}

You can also use this method to access other parts of the URL such as the protocol or hash.

Answer 4

If you're looking for a simple trick to delegate most tasks to the browser, check out this neat tip from MDN:

var url = document.createElement('a');
url.href = 'http://stackoverflow.com/questions/ask';
console.log(url.host);      // stackoverflow.com

if (url.host == "stackoverflow.com") {
  console.log ("stackoverflow");
} else {
  console.log("not stackoverflow");
}

You can also use this method to access other parts of the URL such as the protocol or hash.

Answer 5

Answer №3

$("button").on("click",function(){
var inputUrl = document.getElementById("inputVal").value;
    inputUrl=inputUrl.split("http://")[1] || inputUrl.split("https://")[1] ;
    inputUrl=inputUrl.split("/")[0];
    if (inputUrl == "stackoverflow.com") {
      console.log ("stackoverflow");
      } else {
      console.log("not stackoverflow");
      }

}) ;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input id="inputVal" value="http://stackoverflow.com/questions/ask">
<button>
submit
</button>

View the demonstration on jsfiddle: https://jsfiddle.net/geogeorge/h40dvbq6/2/

Answer 6

$("button").on("click",function(){
var inputUrl = document.getElementById("inputVal").value;
    inputUrl=inputUrl.split("http://")[1] || inputUrl.split("https://")[1] ;
    inputUrl=inputUrl.split("/")[0];
    if (inputUrl == "stackoverflow.com") {
      console.log ("stackoverflow");
      } else {
      console.log("not stackoverflow");
      }

}) ;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input id="inputVal" value="http://stackoverflow.com/questions/ask">
<button>
submit
</button>

View the demonstration on jsfiddle: https://jsfiddle.net/geogeorge/h40dvbq6/2/

Is it possible to verify a URL using an if/else statement?

Answer №1

Answer №2

Answer №3

Similar questions

Using NodeJS to search for a particular string within multiple files using fs.readFile()

NodeJS is throwing a SyntaxError due to an unexpected identifier when trying to render on res.Render

Mobile devices do not trigger the initialization of jQuery animation

Responsive menu is failing to respond to the click event

Is it possible to locate a particular value within a nested array?

A file can be generated with PHP, however, it takes thirty minutes for it to be viewable on the browser

Using AngularJS to Send Elements to Scripts and Selectors

What is the correct way to implement Axios interceptor in TypeScript?

AngularJS modules are not loading dependencies such as constants or controllers

Error encountered in Next.js when defining columns for a MUI data grid

Just easy highlighting using tags in Javascript

Click to refresh React list

Display a pop-up window upon clicking anywhere on the webpage using jQuery and HTML

Displaying the result of a JavaScript function in a textarea

Obscure all elements (images, text, divs, etc.) that appear after a div tag

Connecting text boxes with JavaScript and JSON for gaming experience

Tips on reversing a numeric value with scientific notation in nodeJS

Challenges encountered when transferring ESLint code formatting regulations to @stylistic/eslint-plugin

Is there a JavaScript function available that can be used to execute a script once content has been loaded via AJAX?

When I log out and hit the back button, the PHP page continues to display without any changes