sonika/patient_Information_reactProject
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

phone number validation issue fix

Browse Source
This commit is contained in:
sonika 2023-09-07 17:44:07 +05:30
parent e747ac7bda
commit f52b8ed7f4
1 changed files with 42 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/Components/PatientForm/PersonalSection1.tsx
View File

@ -147,44 +147,49 @@ export default function PersonalSection({
className='collapsable-form-style' className='collapsable-form-style'
> >
<TextField <TextField
required required
variant='outlined' variant='outlined'
label='Phone Number' label='Phone Number'
name='cellPhone' name='cellPhone'
type='number' type='number'
placeholder='Please enter your cell Phone number' placeholder='Please enter your cell Phone number'
value={ value={
type == 'display' type == 'display'
? patientDataDiplay.cellPhone ? patientDataDiplay.cellPhone
: patient.cellPhone : patient.cellPhone
}
disabled={type == 'display'}
onChange={(e) => {
setPatient((prevValues: any) => ({
...prevValues,
cellPhone: e.target.value,
}));
}}
onBlur={(e) => {
if (!/^\d{10}$/.test(e.target.value)) {
setPatient((prevValues: any) => ({
...prevValues,
cellPhoneError: true,
}));
} else {
setPatient((prevValues: any) => ({
...prevValues,
cellPhoneError: false,
}));
} }
}} disabled={type == 'display'}
error={patient.cellPhoneError} onChange={(e) => {
helperText={ let value = e.target.value;
patient.cellPhoneError if (value[0] === '0') {
? 'Please enter a valid 10-digit phone number' value = value.slice(1);
: '' }
} setPatient((prevValues: any) => ({
/> ...prevValues,
cellPhone: value,
}));
}}
onBlur={(e) => {
if (!/^\d{10}$/.test(e.target.value)) {
setPatient((prevValues: any) => ({
...prevValues,
cellPhoneError: true,
}));
} else {
setPatient((prevValues: any) => ({
...prevValues,
cellPhoneError: false,
}));
}
}}
error={patient.cellPhoneError}
helperText={
patient.cellPhoneError
? 'Please enter a valid 10-digit phone number'
: ''
}
/>
</Grid> </Grid>
<Grid <Grid