validationChangePassword

SkuciSe/src/main/resources/static/js/main.js

@@ -27,3 +27,21 @@ function proveraLogin(){
         document.getElementById("losaSifra").style.display = "none";
     }
 }
+function validateForm() {
+    var prva = document.getElementById("prvaSifra").value;
+    var druga = document.getElementById("drugaSifra").value;
+    var errorCode1 = document.getElementById("errorCode1");
+    var errorCode2 = document.getElementById("errorCode2");
+
+    if(prva.trim().length === 0 || druga.trim().length === 0){
+        errorCode1.style.display = "block";
+        return false;
+    }
+    else if(prva != druga){
+        errorCode1.style.display = "none";
+        errorCode2.style.display = "block";
+        return false;
+    }
+    else
+        return true;
+}
\ No newline at end of file

SkuciSe/src/main/resources/templates/password-edit.html

@@ -82,18 +82,22 @@
       <div class="form-content">
         <div class="form-items">
           <form class="requires-validation" novalidate th:object="${editUser}" method="POST"
-                th:action="@{/password-edit-save}" enctype="multipart/form-data">
+                th:action="@{/password-edit-save}" enctype="multipart/form-data" onsubmit="return validateForm()">
 
             <div class="col-md-12">
-              <input th:field="${editUser.sifra}" class="form-control" type="password"
-                     name="password" placeholder="Sifra" required>
-              <div class="invalid-feedback">Sifra ne sme biti prazna!</div>
+              <span style="color:white;">Unesite novu sifru</span>
+              <input th:field="${editUser.sifra}" type="password"
+                     name="password" placeholder="Sifra" required
+                     id="prvaSifra">
             </div>
 
             <div class="col-md-12">
-              <input class="form-control" type="password"
-                     name="password" placeholder="Sifra" required>
-              <div class="invalid-feedback">Sifra ne sme biti prazna!</div>
+              <span style="color:white;">Ponovite novu sifru</span>
+              <input type="password"
+                     name="password" placeholder="Sifra" required
+                     id="drugaSifra">
+              <div id="errorCode1" style="display: none;color:red">Popunite oba polja!</div>
+              <div id="errorCode2" style="display: none;color:red">Sifre se ne poklapaju!</div>
             </div>
 
             <div class="form-button mt-3">