From 28b130c97b3b6fee06240ebf6d751fe0ba28ab15 Mon Sep 17 00:00:00 2001
From: Enow <enowscott53@gmail.com>
Date: Sat, 2 Dec 2023 15:46:38 +0100
Subject: [PATCH] implementation of user friendly error message

---
 app.py               |  4 ++--
 error_handling.py    |  2 +-
 templates/input.html | 31 +++++++++++++++++++++++++++++--
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/app.py b/app.py
index 246e44f..c73ac25 100644
--- a/app.py
+++ b/app.py
@@ -10,11 +10,11 @@
 
 @app.route("/")
 def index():
-    return redirect(url_for("input"))
+    return redirect(url_for("index.html"))
 
 @app.route("/input")
 def input():
-    return render_template("index.html")
+    return render_template("input.html")
 
 #setting up backend to receive urls
 @app.route('/save_url', methods=['POST'])
diff --git a/error_handling.py b/error_handling.py
index d5b502b..3f4b9cc 100644
--- a/error_handling.py
+++ b/error_handling.py
@@ -1,5 +1,5 @@
 
-    import csv
+import csv
 import requests
 from requests.exceptions import RequestException
 import os
diff --git a/templates/input.html b/templates/input.html
index 723349f..6e1dd95 100755
--- a/templates/input.html
+++ b/templates/input.html
@@ -4,14 +4,41 @@
 {% block content %}
     <div class="form-container">
         <h2>Input Webpage URLs</h2>
-        <form action="" method="POST" class="input-form">
+        <form action="" method="POST" class="input-form" onsubmit="validateUrl(); return false;">
             <textarea rows="5" cols="60" name="url" placeholder="https://example.com/python-page"></textarea>
             <label for="depth">Depth of Scraping:</label>
             <input type="number" name="depth" value="1" min="1">
-            </select>
             <button class="btn" type="submit">Scrape Data</button>
         </form>
     </div>
+    <script>
+        // Function to check if a URL is valid
+        function isValidUrl(url) {
+            // Regular expression for a more permissive URL validation
+            const urlRegex = /^(ftp|http|https):\/\/[^ "]+$/;
+
+            // Allow URLs without specifying the protocol
+            const urlWithoutProtocolRegex = /^[^ "]+\.[a-zA-Z]{2,}$/;
+
+            // Check if the URL matches either of the regular expressions
+            return urlRegex.test(url) || urlWithoutProtocolRegex.test(url);
+        }
+
+        // Function to validate the entered URL
+        function validateUrl() {
+            // Get the URL value from the input field
+            const userUrl = document.getElementsByName("url")[0].value;
+
+            // Check if the URL is valid
+            if (isValidUrl(userUrl)) {
+                // Display success message if the URL is valid
+                console.log("URL is valid. Proceed with the entered URL: " + userUrl);
+            } else {
+                // Display error message if the URL is not valid
+                alert("Hello dear user, the URL you just passed in isn't valid. Example of an appropriate URL is adorsys.com");
+            }
+        }
+    </script>
 {% endblock %}
 {% block title %}
     Input webpages URLs