Kadang-kadang kami bekerja dengan php atau kerangka kerja apa pun seperti laravel, codeigniter dan Anda menggunakan formulir dengan satu tombol kirim. kami memiliki formulir besar dan besar daripada mungkin membutuhkan waktu untuk mengirimkan proses sehingga pengguna dapat mengklik berkali-kali tetapi formulir yang sebenarnya mengirimkan berulang kali.
Jadi kita harus mencegah beberapa pengiriman formulir seperti mencegah klik dua kali tombol kirim. jadi bagaimana kita bisa mencegahnya. kita bisa melakukannya menggunakan jquery. ketika Anda mengklik tombol kirim daripada seharusnya dinonaktifkan sehingga klik lagi.
Saya menulis contoh untuk itu, Anda dapat menggunakan file php di bawah ini. Anda dapat melihat di bawah kode lengkap. Anda juga dapat memeriksa kode jquery kecil dan kode lengkap ini.
$('#myFormId').submit(function(){
$("#myButtonID", this)
.html("Please Wait...")
.attr('disabled', 'disabled');
return true;
});
dan kamu bisa lihat contoh fullnya di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>jQuery disable submit button on click to prevent multiple form submits - ItSolutionStuff.com</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<form id="myFormId">
<input type="text" name="name" placeholder="Name...">
<input type="text" name="email" placeholder="Email...">
<button type="submit" id="myButtonID">Submit</button>
</form>
<script type="text/javascript">
$('#myFormId').submit(function(){
$("#myButtonID", this)
.html("Please Wait...")
.attr('disabled', 'disabled');
return true;
});
</script>
</body>
</html>
andriajah