Frontend validations for regex

webapp/components/utils/UniqueSlugForm.js

@@ -5,6 +5,7 @@ export default function UniqueSlugForm({ translate, apollo, currentUser }) {
   return {
     formSchema: {
       slug: [
+        {type: "string", required: true, pattern: /^[a-z0-9_-]+$/, message: translate('settings.validation.slug.regex') },
         {
           asyncValidator(rule, value, callback) {
             debounce(() => {

webapp/locales/de.json

@@ -159,6 +159,7 @@
     },
     "validation": {
       "slug": {
+        "regex": "Es sind nur Kleinbuchstaben, Zahlen, Unterstriche oder Bindestriche erlaubt.",
         "alreadyTaken": "Dieser Benutzername ist schon vergeben."
       }
     },

webapp/locales/en.json

@@ -160,6 +160,7 @@
     },
     "validation": {
       "slug": {
+        "regex": "Allowed characters are only lowercase letters, numbers, underscores and hyphens.",
         "alreadyTaken": "This user name is already taken."
       }
     },