Fixed importent issue lol

SameeraMurthy · Mar 20, 2021 · 0c953d5 · 0c953d5
1 parent bc5b42d
commit 0c953d5
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -12,5 +12,14 @@
 Include the CDN in the `head` section of your HTML:
 ```html
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" defer></script>
-<script src="https://cdn.jsdelivr.net/gh/SameeraMurthy/reformjs@latest/dist/reform.js" defer></script>
+<script src="https://cdn.jsdelivr.net/gh/SameeraMurthy/reformjs@latest/dist/reform.min.js" defer></script>
 ```
+
+## Usage
+In your HTML:
+```html
+<form action="/endpoint" method="GET" data-reform="">
+    <input type="text" name="name" required/>
+    <button type="submit">Go</button>
+</form>
+```
diff --git a/dist/reform.js b/dist/reform.js
@@ -1 +1,17 @@
-console.log("Hello");
+$(document).ready(() => {
+    $("form[data-reform]").submit(function(e) {
+        e.preventDefault()
+        $.ajax({
+            type: $(this).attr("method"),
+            url: $(this).attr("action") + "?" + $(this).serialize(),
+            success: function (response) {
+                location.href = this.url
+            },
+            error: function (xhr, status, err) {
+                let errorText = `%cPassform Error%c\nStatus Code: %c${xhr.status} ${xhr.statusText}\n%cError: ${err}`
+                let errorStyle = ["font-weight: bold; color: yellow", "color: orangered", "color: dodgerblue;font-weight: bold;", ""]
+                console.error(errorText, ...errorStyle)
+            }
+        });
+    })
+})
diff --git a/dist/reform.test.js b/dist/reform.test.js
@@ -1,16 +1,5 @@
-// window.Reform = {}
-// window.Reform.handler = class {
-//     constructor(element) {
-//         this.element = element ?? "form[data-passform]"
-//     }
-
-//     handle (element, ) {
-
-//     }
-// }
-
 $(document).ready(() => {
-    $("form[data-passform]").submit(function(e) {
+    $("form[data-reform]").submit(function(e) {
         e.preventDefault()
         $.ajax({
             type: $(this).attr("method"),
@@ -27,3 +16,13 @@ $(document).ready(() => {
     })
 })
 
+// window.Reform = {}
+// window.Reform.handler = class {
+//     constructor(element) {
+//         this.element = element ?? "form[data-passform]"
+//     }
+
+//     handle (element, ) {
+
+//     }
+// }
diff --git a/test/index.html b/test/index.html
@@ -6,10 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>PassformJS Test</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" defer></script>
-    <script src="../dist/reform.test.js" defer></script>
+    <script src="../dist/reform.js" defer></script>
 </head>
 <body>
-    <form action="./endpoint.htm" method="GET" data-passform="">
+    <form action="./endpoint.html" method="GET" data-reform="">
         <input type="text" name="name" required/>
         <button type="submit">Go</button>
     </form>