add simple email validation

app/controllers/querySubmit.js

@@ -1,20 +1,29 @@
 const { currentRERequest } = require('../helpers/url');
+const { isValidEmail } = require('../helpers/email');
 
 const getQuerySubmit = async (req,res) => {
   const nextStep = req.query.nextStep;
+  const error = req.query.error;
 
   res.render('querySubmit', {
-    nextStep
+    nextStep,
+    error
   });
 };
 
 const postQuerySubmit = async (req, res) => {
   const request = await currentRERequest(req);
   const nextStep = req.query.nextStep || '/ponovo';
-  //TODO: validate email
-  request.email = req.body.email;
-  await request.save();
-  res.redirect(nextStep);
+
+  const emailInput = req.body.email;
+
+  if (isValidEmail(emailInput)){
+    request.email = req.body.email;
+    await request.save();
+    res.redirect(nextStep);
+  } else {
+    res.redirect('?error=1');
+  }
 };
 
 module.exports = {

app/helpers/email.js

@@ -0,0 +1,9 @@
+
+const isValidEmail = (email) => {
+  const simpleEmailRegex = /^.+@.+\..+$/;
+  return (email && email.length < 250 && simpleEmailRegex.test(email));
+};
+
+module.exports = {
+  isValidEmail
+};

app/views/querySubmit.ejs

@@ -4,29 +4,39 @@
 </div>
 
 <form method="POST" id="form-submitquery">
-<div class="row center-align">
-  <div class="col s6 push-s3">
-    <input id="email" name="email" type="email" placeholder="vas.email@mail.com"/>
+  <div class="row center-align">
+    <div class="col s6 push-s3">
+      <input id="email" name="email" type="email" placeholder="vas.email@mail.com" required size="250" />
+    </div>
   </div>
-</div>
-<div class="row">
-  <div class="col s6 push-s3">
-    <a id="submit" href="#" class="welcome-center-button waves-effect waves-light btn">
-      Javi mi
-    </a>
+  <% if (error) {%>
+    <div class="row">
+      <div class="col s6 push-s3">
+        <h6 style="color: red">Greška ! Unesite ispravan email</h6>
+      </div>
+    </div>
+  <%}%>
+  <div class="row">
+    <div class="col s6 push-s3">
+      <a id="submit" href="#" class="welcome-center-button waves-effect waves-light btn">
+        Javi mi
+      </a>
+    </div>
   </div>
-</div>
-<div class="row">
-  <div class="col s6 push-s3">
-    <p>* U svakom trenutku možete prekinuti slanje objava kroz link u e-mailu</p>
+  <div class="row">
+    <div class="col s6 push-s3">
+      <p>* U svakom trenutku možete prekinuti slanje objava kroz link u e-mailu</p>
+    </div>
   </div>
-</div>
 </form>
 
 <script>
  $(document).ready( () => {
    $("#submit").click( () => {
-     $("#form-submitquery").submit();
+     const emailField = document.getElementById('email');
+     if (emailField.validity.valid){
+       $("#form-submitquery").submit();
+     }
    });
  });
 </script>