adding warning and password rules on signup page

Author: ShubhamSupekar

src/main/java/com/example/treaders/controller/AllController.java

@@ -23,6 +23,8 @@
 import java.util.List;
 
 
+//Sanjay@123
+
 @Controller
 public class AllController {
 
@@ -86,10 +88,17 @@ public String Signup(){
     }
 
     @PostMapping("/newuser")
-    public String addNewUser(@RequestParam String email,@RequestParam String username, @RequestParam String password){
+    public String addNewUser(@RequestParam String email,@RequestParam String username, @RequestParam String password,Model model){
         UserFormat user=new UserFormat();
         user.setEmail(email);
         user.setUsername(username);
+        String regex = "^(?=.*[A-Z])(?=.*[a-z])(?=.*\\d)(?=.*[@#]).+$";
+        if(!password.matches(regex)){
+            model.addAttribute("errorMessage", "Password must be at least 6 characters long and include at least one capital letter and one special character (@, #, or $).");
+            model.addAttribute("email", email);
+            model.addAttribute("username", username);
+            return "signup";
+        }
         user.setPassword(passwordEncoder.encode(password));
         UserRepo.save(user);
         return "redirect:/";

src/main/resources/static/css/signup.css

@@ -69,3 +69,15 @@ body {
 .login-link a:hover {
     text-decoration: underline;
 }
+
+/* New CSS for Error Message */
+.signup-container .error {
+    color: #d9534f; /* Bootstrap error color */
+    background-color: #f2dede; /* Light red background for error messages */
+    border: 1px solid #ebccd1; /* Border color matching the background */
+    padding: 10px; /* Add some padding */
+    margin-bottom: 20px; /* Space below the error message */
+    border-radius: 5px; /* Slightly rounded corners */
+    font-size: 0.9em; /* Slightly smaller font size */
+    text-align: center; /* Center the error text */
+}

src/main/resources/templates/signup.html

@@ -15,6 +15,8 @@ <h2>Sign Up</h2>
       <input type="email" name="email" placeholder="Email Id" required>
       <input type="text" name="username" placeholder="User Name" required>
       <input type="password" name="password" placeholder="Password" required>
+      <!-- Display the error message if there is one -->
+      <div th:if="${errorMessage != null}" th:text="${errorMessage}" class="error"></div>
       <input type="submit" value="Sign Up">
     </form>
     <p class="login-link">Already have an account? <a href="/">Login</a></p>