Client-side validate phone number fields

2023-10-31 18:58:27 +02:00 · 2023-10-31 18:58:27 +02:00 · c8610caa54
parent bd1bcf51e9
commit c8610caa54
1 changed files with 1 additions and 1 deletions
--- a/frontend/src/Datarekisteri/Frontend/FormFields.hs
+++ b/frontend/src/Datarekisteri/Frontend/FormFields.hs
@ -39,7 +39,7 @@ telephoneField = Field
    , fieldView = \id name otherAttributes result isRequired ->
        let result' = either (\x -> x) renderPhoneNumber result
        in [whamlet|
-               <input type="tel" id="#{id}" name="#{name}" value="#{result'}" *{otherAttributes} :isRequired:required="true">
+               <input type="tel" id="#{id}" name="#{name}" value="#{result'}" pattern="[+ 0123456789]*" title="Only '+', spaces and numbers are allowed" "*{otherAttributes} :isRequired:required="true">
           |]
    , fieldEnctype = UrlEncoded
    }