users should only be allowed to enter IDs in the format shown below
1
1.1 or 1-1
1.1.1 or 1-1-1
1.1.1.1 or 1-1-1-1
I came up with this regex pattern:
/^(\d+(?:-\d+)*$)|(^\d+(?:\.\d+)*$)/
The current output allows an unlimited number of matches. However, I want to limit it to a maximum of 4 numbers.
1.23.4.55 or 1-23-4-55 are acceptable
but 1.1.1.1.1, 1-1-1-1-1, or 21.34.55.5.5.5.5 should be rejected
Despite my efforts, the regex still considers these inputs as valid
To easily implement this regex pattern, you can utilize the following:
^\d+([.-]\d+){0,3}$
In case you prefer not to combine separators, try the following alternative:
^\d+((-\d+){0,3}|(\.\d+){0,3})$
I'm currently working on a quiz application using PHP and Javascript. The quiz begins once the user clicks a submit button, but I want it to end after a specific duration that I define. I'm hesitant to rely solely on the client-side clock as it c ...
I have a jQuery script that applies a CSS style to an HTML table row when the user clicks on a row link: $(this).closest('tr').css("background-color", "silver"); Is there a way to soften this color change effect, such as by gradually fading in ...
When working with Python scripts to handle JSON data, I encountered an error while trying to load the data. The initial simple script resulted in an error stating that the data was not JSON serializable. To address this issue, I modified the script to a m ...
After deploying my Next.js 13 app on Cloudflare Pages, I encountered an issue with the API routes. To address this, I had to export the runtime variable from each route in the following manner. export const runtime = "edge" During local developm ...
I've been facing a challenge in implementing a day-night cycle with a directional light in an Earth model using custom shaders. Everything seems to work fine with the night and day maps, as well as the light, as long as I don't manipulate the cam ...
I utilize Google Code Prettify for syntax highlighting my code. Below is the HTML snippet I use: <head> <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> </head> <body> ...
How can I create a button that takes me to a random page on my basic website when clicked? I'm having trouble changing the "href" attribute so that it links to a specific page. This is the JavaScript code I've come up with: document.addEventList ...
I have set up an API controller to manage an ajax request. Each time the Ajax request is sent from the script below, I encounter a 500 error: POST http://localhost:58463/api/Reservations 500 (Internal Server Error) jquery-2.1.0.min.js:4 l.cors.a.crossDomai ...
I have a form for users with fields for first name, last name, password, and confirm password. I've implemented validation to check if the password and confirm password fields match using JavaScript: $(document).ready(function() { $("#addUser").cl ...
I am relatively new to modern frontend development tools. After installing Nodejs and NPM, I successfully downloaded packages such as "jquery" and everything was working fine. However, when I installed Webpack (version 2) and created a demo configuration f ...
A script I've written utilizes AJAX to communicate with a PHP-based API. The first part of the script is responsible for loading trade history: $(document).ready(function () { var orders = $('#History ul'); ...
How can I restrict the scope of setInterval to a specific component only in Quasar framework when using SPA mode? Setting the function causes it to run everywhere, even when the page's URL is changed. I have already checked a similar question on Stac ...
The PinInput Component's onChange event is not functioning properly with the value in Chakra-UI. This issue causes the focus to automatically shift to the next input even when the value hasn't changed. For instance, when attempting to set the st ...
Utilizing Vuetify to build a dropdown has been an interesting challenge for me. While I can successfully select a value and store it in the firebase database, I'm facing difficulties when it comes to repopulating the dropdown after page refresh. Belo ...
First and foremost, I want to express my gratitude for taking the time to read this post. Secondly, I apologize in advance for its length, but as with a well-written function, the valuable information is right at the beginning - although I do hope you will ...
This is my unique HTML file <!DOCTYPE html> <html> <head> <script src="ll.js"></script> </head> <body> <link rel="stylesheet" href="home.css"> ...
I am having issues with selecting the day, month, and year separately to calculate the days until due. It seems like my substr function may not be working correctly. Can you help troubleshoot why this is happening? http://jsfiddle.net/infatti/XeqPT/15/ f ...
I have successfully created a countdown timer that works effectively. One of the conditions I added is to display leading zeros for hours, minutes, and seconds if they are less than 10. The desired format is like this (06 : 08 : 09) instead of (6 : 8 : 9 ...
Recently, I developed a view that showcases the following code: <ion-view view-title="Training Detail"> <ion-content class="padding"> <ul class="list"> <ion-item class="item item-checkbox item-button ...
I am facing an issue with my HTML page where the background image in the header section is not displaying when converting the page to PDF using jspdf. Although all the other content appears correctly, the background image seems to be missing. You can vie ...