Đôi khi chúng tôi gửi biểu mẫu hai lần nếu internet chậm hoặc vì bất kỳ lý do nào khác. Vì vậy, để ngăn loại lỗi này, chúng tôi phải tắt nút sau khi nhấp vào nút gửi biểu mẫu
Vì vậy, trong ví dụ này, tôi đang giải thích cách chúng tôi tắt một nút sau khi nhấp
Enter data and submit the form.
First name:
Last name:
Chạy nó cho mình
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tắt nút gửi sau khi nhấp trong jquery. Điều này sẽ ngăn hành động nhấp đúp vào nút gửi trên trang biểu mẫu
Nút gửi nhiều lần nhấp, có thể gây ra sự cố cho bạn, đôi khi do sự cố máy chủ hoặc internet, người dùng không nhận thấy rằng nút gửi đã được nhấp. Họ nhấp vào nút gửi nhiều lần và sẽ tạo ra vấn đề đằng sau
Để khắc phục sự cố này, ở đây chúng tôi đưa ra một ví dụ để ngăn nhiều lần nhấp vào nút gửi trong jQuery
Thông thường, người dùng muốn nhấn một vài lần vào nút gửi để đảm bảo nút được nhấp chắc chắn và gây ra sự cố gửi biểu mẫu kép. Giải pháp phổ biến là vô hiệu hóa nút gửi sau khi người dùng nhấp vào nút đó
1. Bật / Tắt nút gửi
1. 1 Để tắt nút gửi, bạn chỉ cần thêm thuộc tính disabled
vào nút gửi
$["#btnSubmit"].attr["disabled", true];
1. 2 Để bật nút bị vô hiệu hóa, hãy đặt thuộc tính disabled
thành false hoặc xóa thuộc tính disabled
$['#btnSubmit'].attr["disabled", false];
or
$['#btnSubmit'].removeAttr["disabled"];
2. jQuery ví dụ đầy đủ
jQuery - How to disabled submit button after clicked
$[document].ready[function [] {
$["#formABC"].submit[function [e] {
//stop submitting the form to see the disabled button effect
e.preventDefault[];
//disable the submit button
$["#btnSubmit"].attr["disabled", true];
//disable a normal button
$["#btnTest"].attr["disabled", true];
return true;
}];
}];
Trong bài đăng này, chúng tôi sẽ cung cấp cho bạn thông tin về Cách vô hiệu hóa nút gửi sau khi gửi biểu mẫu trong PHP?. Nghe này, chúng tôi sẽ cung cấp cho bạn chi tiết về Cách vô hiệu hóa nút gửi sau khi gửi biểu mẫu trong PHP? Và cách sử dụng nó cũng cung cấp cho bạn bản demo cho nó nếu cần thiết
Tôi sẽ giúp bạn cách tắt nút gửi sau khi nhấp vào jquery php. chúng tôi có thể ngăn nhấp đúp vào nút gửi trong jquery html. nó sẽ giúp bạn tắt nút gửi sau khi nhấp vào dự án php, laravel, codeigniter, v.v. sử dụng jquery
Đôi khi, chúng tôi phải ngăn quá nhiều lần nhấp vào nút gửi. nếu bạn đang làm việc trên biểu mẫu đăng ký bằng php thì có thể mất thời gian để gửi biểu mẫu do quy trình gửi trang lâu. Nhưng nếu người dùng gặp sự cố máy chủ hoặc sự cố Internet, v.v. thì anh ta sẽ chỉ cần nhấp đi nhấp lại. Vì vậy, nó có thể tạo ra vấn đề từ chúng tôi. vì vậy về cơ bản, bạn phải ngăn chặn nó bằng cách sử dụng nút gửi bị vô hiệu hóa sau một cú nhấp chuột bằng cách sử dụng jquery
Dưới đây là ví dụ đơn giản dưới đây sẽ giúp bạn giải quyết vấn đề của mình bằng cách sử dụng ví dụ dưới đây. Bạn có thể xem ví dụ đầy đủ để nó có thể giúp bạn trong dự án php của bạn
Thí dụ
Xem thêm. Làm cách nào để tắt nút làm mới f5 bằng jquery?
How to Disable Submit Button After Form Submission in PHP? - ItSolutionStuff.com
Submit
$[document].ready[function [] {
$["#my-form"].submit[function [e] {
$["#btn-submit"].attr["disabled", true];
return true;
}];
}];
Tôi hy vọng nó có thể giúp bạn…
Hy vọng đoạn mã này và bài đăng sẽ giúp bạn triển khai Cách vô hiệu hóa nút gửi sau khi gửi biểu mẫu trong PHP?. nếu bạn cần bất kỳ trợ giúp hoặc bất kỳ phản hồi nào, hãy đưa ra trong phần bình luận hoặc bạn có ý tưởng hay về bài đăng này, bạn có thể đưa ra phần bình luận. Nhận xét của bạn sẽ giúp chúng tôi giúp bạn nhiều hơn và cải thiện chúng tôi. chúng tôi cũng sẽ cung cấp cho bạn loại bài đăng thú vị hơn này trong phần nổi bật, Để có bài đăng và mã thú vị hơn Hãy tiếp tục đọc blog của chúng tôi