Added validation for URL

2019-08-22 20:11:08 +05:30
parent 362ab73026
commit a59aba453f
3 changed files with 23 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -91,7 +91,7 @@
          </li>
          <li>
            <label for="url">URL</label>
-            <input v-model="url">
+            <input type="url" v-bind:class="{ error: urlNotValid }" v-model="url">
          </li>
          <li>
            <label for="path">Path</label>
@@ -99,7 +99,7 @@
          </li>
          <li>
            <label for="action">&nbsp;</label>
-            <button name="action" @click="sendRequest">Send</button>
+            <button v-bind:class="{ disabled: urlNotValid }" name="action" @click="sendRequest">Send</button>
          </li>
        </ul>
      </div>