edit validation, add new validation message

src/app/ui/forms/register-form.tsx

@@ -67,6 +67,7 @@ export default function RegisterForm() {
 			case 'fullName':
 			case 'phone':
 			case 'password':
+			case 'companyName':
 			case 'agree':
 				const schema = SignupFormSchema.shape[fieldName];
 				if (fieldName === 'phone') {
@@ -81,6 +82,9 @@ export default function RegisterForm() {
 
 	function onChangeHandler(e: ChangeEvent<HTMLInputElement>): void {
 		const fieldName = e.target.name;
+		if (fieldName !== 'phone') {
+			e.target.value = e.target.value.replace(/[^a-zA-Zа-яёА-ЯЁ0-9@#$%^&*_\-\.?!'"\s]/g, '');
+		}
 		const validatedField = validateField(fieldName, e.target.value);
 
 		if (validatedField.success) {
@@ -190,7 +194,22 @@ export default function RegisterForm() {
 					className={`${styles['form-input']}`}
 					placeholder={t('company-placeholder')}
 					defaultValue={formState?.previousState?.companyName ? formState?.previousState?.companyName : ''}
+					onChange={onChangeHandler}
 				/>
+				{formState?.error?.companyName && (
+					<p className="text-sm text-red-500">
+						{
+							formState?.error?.companyName.split('&').map((e, index) => {
+								return (
+									<span key={index}>
+										{t(e)}
+										<br />
+									</span>
+								)
+							})
+						}
+					</p>
+				)}
 			</div>
 
 			<div className={`${styles['form-group']}`}>