From e07cb6d428d0cacf03f58549b381ab3735c85b89 Mon Sep 17 00:00:00 2001 From: NNakreSS Date: Fri, 9 Aug 2024 00:08:54 +0300 Subject: [PATCH 1/3] fix:number input ,sett only number --- .../dataTable/dataTableSearchField.tsx | 21 ++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/src/components/dataTable/dataTableSearchField.tsx b/src/components/dataTable/dataTableSearchField.tsx index 4753d138..9fe03e24 100644 --- a/src/components/dataTable/dataTableSearchField.tsx +++ b/src/components/dataTable/dataTableSearchField.tsx @@ -16,10 +16,10 @@ interface DataTableSearchFieldProps } } -const DataTableSearchField = ({ - field, - table, -}: DataTableSearchFieldProps) => { +const DataTableSearchField = ({ + field, + table + }: DataTableSearchFieldProps) => { const schema = getValidationSchema(field.value) const handleInputChange = (event: React.ChangeEvent) => { const inputValue = event.target.value @@ -30,11 +30,21 @@ const DataTableSearchField = ({ } else { toast({ title: validation.error.errors[0].message, - variant: 'destructive', + variant: 'destructive' }) // Set the error message } } + const onInputHandle = (e: any) => { + console.log(field.value) + if (field.type == 'number') { + const onlyNumber = ['seatingCount', 'referenceNumber'] + if (onlyNumber.includes(field.value)) { + e.target.value = e.target.value.replace(/[^0-9]/g, '') + } + } + } + return (
({ '' } onChange={handleInputChange} + onInput={onInputHandle} />