In case of using "," symbol system doesn't give the validation message for Topic name field
**Describe the bug**
In case of using "," symbol system doesn't give the validation message for Topic name field

**Set up**
https://www.kafka-ui.provectus.io/


**Steps to Reproduce**
Steps to reproduce the behavior:

1. Navigate to Topics
2. Add a Topic
3. Input the ";" symbol into Topic name field
4. Make sure validation message appears "Only alphanumeric, _, -, and . allowed"
5. Input the "," symbol into Topic name

**Expected behavior**
Validation message about not allowed symbol is not displayed

**Screenshots**
<img width="1718" alt="topic name" src="https://user-images.githubusercontent.com/104780608/175309599-2fd9636e-c005-472e-9c8b-6ffa91398276.png">




kafka-ui-react-app/src/components/Topics/New/__test__/New.spec.tsx kafka-ui-react-app/src/lib/constants.ts kafka-ui-react-app/src/lib/yupExtended.ts
kafka-ui-react-app/src/components/Topics/New/__test__/New.spec.tsx kafka-ui-react-app/src/lib/constants.ts kafka-ui-react-app/src/lib/yupExtended.ts
diff --git a/kafka-ui-react-app/src/components/Topics/New/__test__/New.spec.tsx b/kafka-ui-react-app/src/components/Topics/New/__test__/New.spec.tsx
index a15ef31f680..0e01da66cb6 100644
--- a/kafka-ui-react-app/src/components/Topics/New/__test__/New.spec.tsx
+++ b/kafka-ui-react-app/src/components/Topics/New/__test__/New.spec.tsx
@@ -77,6 +77,18 @@ describe('New', () => {
     expect(mockNavigate).not.toHaveBeenCalled();
   });
 
+  it('validates form invalid name', async () => {
+    await act(() => renderComponent(clusterTopicNewPath(clusterName)));
+    await waitFor(() => {
+      userEvent.type(screen.getByPlaceholderText('Topic Name'), 'Invalid,Name');
+    });
+    await waitFor(() => {
+      expect(
+        screen.getByText('Only alphanumeric, _, -, and . allowed')
+      ).toBeInTheDocument();
+    });
+  });
+
   it('submits valid form', async () => {
     await act(() => renderComponent(clusterTopicNewPath(clusterName)));
     await act(() => {
diff --git a/kafka-ui-react-app/src/lib/constants.ts b/kafka-ui-react-app/src/lib/constants.ts
index 0be9810babe..5626c06ee34 100644
--- a/kafka-ui-react-app/src/lib/constants.ts
+++ b/kafka-ui-react-app/src/lib/constants.ts
@@ -15,7 +15,7 @@ export const BASE_PARAMS: ConfigurationParameters = {
   },
 };
 
-export const TOPIC_NAME_VALIDATION_PATTERN = /^[.,A-Za-z0-9_-]+$/;
+export const TOPIC_NAME_VALIDATION_PATTERN = /^[a-zA-Z0-9._-]+$/;
 export const SCHEMA_NAME_VALIDATION_PATTERN = /^[.,A-Za-z0-9_/-]+$/;
 
 export const TOPIC_CUSTOM_PARAMS_PREFIX = 'customParams';
diff --git a/kafka-ui-react-app/src/lib/yupExtended.ts b/kafka-ui-react-app/src/lib/yupExtended.ts
index ca51e662f15..d9c476aa76a 100644
--- a/kafka-ui-react-app/src/lib/yupExtended.ts
+++ b/kafka-ui-react-app/src/lib/yupExtended.ts
@@ -47,6 +47,7 @@ export default yup;
 export const topicFormValidationSchema = yup.object().shape({
   name: yup
     .string()
+    .max(249)
     .required()
     .matches(
       TOPIC_NAME_VALIDATION_PATTERN,
