Mengisi Value Secara "Tersembunyi" Pada Submit Form dengan jQuery

Jika Anda belum terfikir bahwa seseorang bisa dengan mudah mengedit nilai/value pada input form menggunakan inspect element, mungkin dengan membaca tutorial ini Anda akan mulai tergerak hatinya untuk mencoba trik ini pada setiap form yang Anda miliki.

Coba direnungkan, seandainya Anda telah menyelipkan value secara default dalam input, lalu ada pengguna yang mengedit dan mengganti dengan sesuatu yang baru, maka itu akan berubah seperti yang diedit orang tersebut.

Meskipun Anda menyembunyikan bidang input dengan type="hidden" value akan tetap ditampilkan sebagai input yang bisa dimodifikasi secara bebas oleh pengunjung.

Jika konten bersifat privasi dan atau rawan terhadap kesalahan ketik, maka direkomendasikan untuk mencoba menggunakan pendekatan baru yang diharapkan akan lebih maksimal dalam mengirimkan formulir.

Berikut kode-kode yang diperlukan:

Contoh FORM
<form id="test">

<input type="text" id="username" name="username">
<input id="button" type="submit" value="Submit">

</form>
jQuery
$('#button').click(function() {

  if ($("#username").val() =="") {
$('#username').val("Yoga") &&
      $('#test').submit();
  }
else {
  alert ("Access Denied!!")
return false
  }
});

Pastikan juga template Anda telah menyimpan AJAX
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
Jika telah ada dengan versi berbeda, tidak perlu diganti.

Beberapa bagian yang perlu Anda mengerti salah satunya adalah kata Yoga. Itu adalah nilai yang ditentukan dalam jQuery dan tidak akan bisa diganti oleh siapapun. Bahkan meskipun orang lain mengganti teks yang masih berada dalam bungkus script, itu akan diabaikan.

URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini