Có cách nào để đảo ngược việc đình chỉ việc gửi biểu mẫu hay không tốt hơn là không nên thực hiện ngay từ đầu?

Question

Tôi đang cố gắng tạo một ứng dụng web đơn giản. Trong trang đăng nhập của tôi, tôi có một biểu mẫu với một trường văn bản, một mật khẩu và một nút gửi. Việc gửi biểu mẫu được ngăn chặn nếu một trong hai trường trống. Đây là tập lệnh tôi sử dụng:

function checkLoginCredentials() { 
    var usernameFormValue = $("#usernameForm").val().trim(); 
    var passwordFormValue = $("#passwordForm").val().trim(); 
    var validated; 


    $("#loginForm").submit(function(event){ 
     if (usernameFormValue === "" || passwordFormValue === "") { 
      $("span").html("Enter a username or password"); 
      validated = false 
     } else { 
      validated = true; 
     } 
     return validated; 
    }); 
} 

Tuy nhiên, tôi nhận thấy rằng khi chạy tập lệnh và gửi biểu mẫu, người dùng không còn có thể cố đăng nhập lại. Cách thay thế duy nhất tôi có thể nghĩ là có tất cả các xác nhận hợp lệ được thực hiện bởi servlet đăng nhập và các lớp tiện ích của tôi. Có cách nào xung quanh này hoặc phải xác nhận hợp lệ các mục không hợp lệ như chuỗi rỗng được thực hiện bởi các lớp Java của tôi?

Answer 1

Vấn đề ở đây là cách bạn chỉ định mã xác nhận. Bạn có một số checkLoginCredentials và khi bạn gọi nó, bạn đọc các giá trị biểu mẫu. Và hơn bạn thêm một biểu mẫu gửi. Bạn nên thêm việc đọc các giá trị của hộp văn bản bên trong phương thức gửi, không phải bên ngoài.

$("#loginForm").submit(function(event){ 

    var usernameFormValue = $("#usernameForm").val().trim(), 
     passwordFormValue = $("#passwordForm").val().trim(), 
     validated; 

    if (usernameFormValue === "" || passwordFormValue === "") { 
     $("span").html("Enter a username or password"); 
     validated = false 
    } else { 
     validated = true; 
    } 
    return validated; 
});