Create RegEx control for URL

Question

I have a problem with my current web application. Indeed, when I put the current link : https://localhost:44311/#shop, my page displayed perfectly. Here a picture :

But then when I try to change my URL to : https://localhost:44311/#/ , to verify the control of the redirection, the content displayed into the same content, here a picture of what happened :

Currently, all my ajax calls are called again and again and again (an infinite loop).

I'm trying to add control regex for #/, and try to respect #/xxxx/xxxxx. But without success. If you can help me, it could be very nice ! Here my JS where I manage the loadpages :

var ui = {
   controller: {
       page: {}
   },
   component: {
       category: null
   }
};
ui.controller.pageLoad = function (hash = null) {
   if (hash === null) {
       hash = window.location.hash;
       if (hash.length < 2 || hash[0] !== "#") {
           hash = "/shop";
       }
   } else if (hash.length < 2 || hash[0] === "#" && hash[1] === '/') { // add control regex for #/, must respect #/xxxx/xxxxx
       hash = "/shop";
   }

   $.get(hash.substring(1), function (data) {
       ui.controller.page = null;
       $("#content").html(data);
   }).fail(function (error) {
       $.get("/Home/Error?status=" + error.status, function (data) {
           ui.controller.page = null;
           $("#content").html(data);
       });
   });
};

blex · Accepted Answer · 2020-12-09 23:41:30Z

1

You could create a isValidHash function, and use it in your if statement:

function isValidHash(hash) {
  return typeof hash === "string" && /^#(\/[a-z0-9-]+)+$/.test(hash);
}

function test(v) {
  console.log(`'${v}' is ${isValidHash(v) ? '' : 'NOT '}valid`);
}

test(null);            // NO - not a string
test('#');             // NO - too short
test('#shop');         // NO - no slash
test('#/shop');        // YES
test('#/shop/item-9'); // YES

answered Dec 9, 2020 at 23:41

blex

25.7k6 gold badges48 silver badges78 bronze badges

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

2 Comments

harili Over a year ago

Oh yes thank you it works. Have you some link to share with me Sir about the regEx ? I'm still a beginner ahah. Thanks again!

blex Over a year ago

Sure, you can go here, see that regex in action, and on the right you'll find the explanation of everything in this regex

Collectives™ on Stack Overflow

Create RegEx control for URL

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related