I just want ask is there any way to save input form value (email in my case) in to a text file just using Reactjs? Thank you guys.
Here is code for the submit form:
<form
onSubmit={handleSubmit}
className='flex flex-col 1440:flex-row'
>
<div className='w-full 1024:w-[320px]'>
<TextField
id='outlined-basic'
label={
errorMessage !== '' ? 'Invalid Email' : 'Enter your email'
}
variant='outlined'
size='small'
value={email}
onChange={(e) => {
setEmail(e.target.value);
setErrorMessage('');
}}
fullWidth
inputProps={{
style: {
fontFamily: 'Open Sans',
},
}}
InputLabelProps={{
style: {
fontSize: 16,
fontFamily: 'Open Sans',
color: errorMessage !== '' ? '#ff0000' : 'black',
},
}}
error={errorMessage !== '' ? true : false}
/>
{/* {errorMessage !== '' && (
<div className='text-[12px] mt-2 text-[#ff0000] font-normal font-OpenSans leading-body-text2'>
{errorMessage}
</div>
)} */}
</div>
<button
type='submit'
className=' w-full ml-0 mt-4 1440:mt-0 1440:ml-4 1440:w-[120px] relative group overflow-hidden h-10 cursor-pointer text-secondary hover:bg-[#0B1992] active:bg-primary-1 text-body-text1 font-OpenSans font-semibold bg-primary-1 flex items-center justify-center rounded '
>
Subscribe
<span className='absolute w-0 h-0 transition-all duration-500 ease-in-out bg-secondary rounded-full group-active:w-40 group-active:h-40 opacity-10'></span>
</button>
</form>
Here is the handle submit function, I need to save the email in order to verify the email that is entered by the user whether this email is used or not.
const [errorMessage, setErrorMessage] = useState('');
const [email, setEmail] = useState('');
function handleSubmit(e) {
e.preventDefault();
if (emailRegex.test(email)) {
setErrorMessage('');
toast.success('Subscribe successful!');
} else {
setErrorMessage('Invalid Email!');
console.log(emailRegex.test(email));
toast.error('Subscribe failed');
}
}