custom validation message

2023-09-24 10:19:45 -07:00 · 2023-09-24 10:19:45 -07:00 · 57790ff464
parent d2a411d94c
commit 57790ff464
1 changed files with 8 additions and 1 deletions
--- a/views/home.erb
+++ b/views/home.erb
@ -1,4 +1,11 @@
 <form method="POST" action="/create">
-  <input type="url" name="url" pattern="https?://.+" required placeholder="http://www.example.com/" style="padding: 0.5rem;" />
+  <input type="url"
+    name="url"
+    pattern="https?://.+"
+    required
+    oninvalid="setCustomValidity('Enter a valid URL')"
+    onvalid="setCustomValidity('')"
+    placeholder="http://www.example.com/"
+    style="padding: 0.5rem;" />
  <input type="submit" value="Submit" style="padding: 0.5rem;" />
 </form>