Improve UX of username field on join form

thechangelog · May 3, 2023 · 09195a5 · 09195a5
1 parent 68c4df6
commit 09195a5
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/lib/changelog_web/templates/person/join.html.eex b/lib/changelog_web/templates/person/join.html.eex
@@ -20,8 +20,9 @@
     <div class="form-element_wrap <%= PublicHelpers.error_class(f, :handle) %>">
       <div class="form-element">
         <label>Username / Handle<span>*</span></label>
-        <%= text_input(f, :handle, placeholder: "gracehopper", required: true, autocapitalize: "none") %>
+        <%= text_input(f, :handle, placeholder: "gracehopper", required: true, autocapitalize: "none", pattern: "^[a-z|0-9|_|-]+$") %>
         <%= PublicHelpers.error_message(f, :handle) %>
+        <p class="form-element-note">Valid characters: a-z, 0-9, -, _</p>
       </div>
     </div>