validation frontSide

src/client/js/components/Admin/Users/UserInviteModal.jsx

@@ -25,6 +25,10 @@ class UserInviteModal extends React.Component {
     this.handleCheckBox = this.handleCheckBox.bind(this);
   }
 
+  validEmail() {
+    return this.state.email.match(/.+@.+\..+/) == null;
+  }
+
   async handleSubmit() {
     const { appContainer } = this.props;
 
@@ -64,6 +68,7 @@ class UserInviteModal extends React.Component {
             value={this.state.email}
             onChange={this.handleInput}
           />
+          {this.validEmail() && <p className="m-2 text-danger">Valid email address is required</p>}
         </Modal.Body>
         <Modal.Footer className="d-flex">
           <label className="mr-3 text-left" style={{ flex: 1 }}>