pacnpal/simpleguardhome
1
0
Fork 0
mirror of https://github.com/pacnpal/simpleguardhome.git synced 2025-12-20 04:21:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(index.html): add domain preprocessing function for improved validation and error handling

Browse Source
This commit is contained in:
pacnpal
2025-01-29 13:01:26 -05:00
parent 913545c420
commit 4ed14db4f7
1 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/simpleguardhome/templates/index.html
View File

@@ -46,9 +46,37 @@
} }
} }
function preprocessDomain(input) {
// Strip http:// or https:// from the beginning
let domain = input.replace(/^https?:\/\//i, '');
// Strip any paths or query parameters
domain = domain.split('/')[0];
// Basic domain validation
const domainRegex = /^[a-zA-Z0-9][a-zA-Z0-9.-]*[a-zA-Z0-9]$/;
if (!domainRegex.test(domain)) {
throw new Error('Invalid domain format. Please enter a valid domain name (e.g., example.com)');
}
return domain;
}
async function checkDomain(event) { async function checkDomain(event) {
event.preventDefault(); event.preventDefault();
const domain = DOMPurify.sanitize(document.getElementById('domain').value); const rawInput = DOMPurify.sanitize(document.getElementById('domain').value);
let domain;
try {
domain = preprocessDomain(rawInput);
} catch (error) {
resultDiv.innerHTML = `
<div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4">
<p class="font-bold">Invalid Input</p>
<p class="text-sm">${escapeHtml(error.message)}</p>
</div>`;
unblockDiv.innerHTML = '';
return;
}
const resultDiv = document.getElementById('result'); const resultDiv = document.getElementById('result');
const unblockDiv = document.getElementById('unblock-action'); const unblockDiv = document.getElementById('unblock-action');
const submitBtn = document.getElementById('submit-btn'); const submitBtn = document.getElementById('submit-btn');
@@ -156,7 +184,7 @@
<label for="domain" class="block text-gray-700 text-sm font-bold mb-2"> <label for="domain" class="block text-gray-700 text-sm font-bold mb-2">
Enter Domain to Check Enter Domain to Check
</label> </label>
<input type="text" id="domain" name="domain" required pattern="[a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9]\.[a-zA-Z0-9-\.]*[a-zA-Z0-9]" <input type="text" id="domain" name="domain" required
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
placeholder="example.com" placeholder="example.com"
title="Please enter a valid domain name"> title="Please enter a valid domain name">