Submit Value Diluar Form

Biasanya kita membuat fitur submit form menggunakan tag “form”. Lalu bagaimana jika field-field agar bisa disubmit tanpa tag form? Jawabannya adalah memanfaatkan javascript. Kali ini yang akan saya bahas adalah submit non form dengan plugin javascript. Field-field tersebut tidak di dalam tag form. Tag field antara lain select dan input. Tapi di plugin jQuery yang saya buat ini tidak mendukung field untuk upload.

Download Source

Lihat source code di atas, tag input dan select tidak di dalam tag form. Di javascriptnya maksudnya adalah dengan jQuery button submit jika di klik akan memanggil function submitNonForm. Di sinilah nilai-nilai dari field input akan dikirimkan.

Tampilan dari form yang akan dikirim dengan tombol submit

Berikut tampilan di action.php yang menampilkan isi dari POST setelah submit.