check & validate special characters

Casuals4Fun · Apr 7, 2024 · 224f274 · 224f274
1 parent 77036bb
commit 224f274
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/client/src/components/modal/brief-info.tsx b/client/src/components/modal/brief-info.tsx
@@ -26,6 +26,11 @@ const BriefInfo: React.FC<RegisterDataProps> = ({ registerData, setRegisterData
 
     const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
         const { name, value } = e.target;
+        const specialCharRegex = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
+        if (specialCharRegex.test(value)) {
+            return toast.warning('Special characters not allowed.');
+        }
+
         setRegisterData(prevState => ({
             ...prevState,
             [name]: value

diff --git a/server/routes/auth.js b/server/routes/auth.js
@@ -9,9 +9,9 @@ module.exports = async function (fastify, opts) {
                 email: { type: 'string', format: 'email', minLength: 1 },
                 password: { type: 'string', minLength: 6 },
                 avatar: { type: 'string', nullable: true },
-                username: { type: 'string', minLength: 1 },
-                first_name: { type: 'string', minLength: 1 },
-                last_name: { type: 'string', minLength: 1 }
+                username: { type: 'string', minLength: 1, pattern: '^[a-zA-Z0-9]+$' },
+                first_name: { type: 'string', minLength: 1, pattern: '^[a-zA-Z0-9]+$' },
+                last_name: { type: 'string', minLength: 1, pattern: '^[a-zA-Z0-9]+$' }
             },
             required: ['email', 'password', 'username', 'first_name', 'last_name']
         }