import React, { useState } from "react";
import { render } from "react-dom";
import validator from "validator";
export default function App() {
const [message, setMessage] = useState("");
const validateEmail = (e) => {
var email = e.target.value;
if (validator.isEmail(email)) {
setMessage("Thank you");
} else {
setMessage("Please, enter valid Email!");
}
};
return (
<div>
<h2>Validating Email in ReactJS</h2>
<span>Enter Email: </span>
<input
type="text"
id="userEmail"
onChange={(e) => validateEmail(e)}
></input>
<br />
<span
style={{
fontWeight: "bold",
color: "red"
}}
>
{message}
</span>
</div>
);
}