Bagaimana?
https. //github. com/acchoblues/Modal_Upload_Image
Silahkan download dan pelajari jika perlu dikembangkan lebih baik lagi, semoga tutorial ini dapat bermanfaat bagi anda yang sedang belajar modal upload image di github. Sebaik-baik ilmu adalah yang bermanfaat bagi banyak orang
Bootstrap membantu merancang dan mengembangkan tombol popup atau tautan tanpa menggunakan kode JavaScript tambahan, sehingga akan memudahkan pekerjaan kita dan tidak memakan banyak waktu untuk membuatnya.
Dalam tutorial ini kita akan mempelajari integrasi formulir modal popup untuk situs web menggunakan Bootstrap dan mengirimkan formulir dengan jQuery, Ajax, dan PHP. Misalnya, kami akan membuat formulir kontak dengan modal popup Bootstrap dan mengirimkan formulir dan memvalidasi menggunakan jQuery, Ajax, dan PHP.
- Modal munculan dengan formulir kontak menggunakan Bootstrap
- Validasi data formulir sebelum mengirimkan menggunakan jQuery
- Mengirim data formulir dengan jQuery, Ajax, dan PHP
- Kirim email ke situs web admin menggunakan PHP
Perpustakaan Bootstrap & jQuery
Bootstrap digunakan untuk membuat popup modal dan mendesain form HTMl, menyertakan library bootstrap dan jQuery terlebih dahulu
Bootstrap digunakan untuk membuat popup modal dan desain formulir HTML, termasuk bootstrap dan pustaka jQuery pertama
Kode HTML. Formulir Popup Bootstrap Modal
HTML berikut membuat jendela sembulan dialog menggunakan bootstrap. Tombol ini digunakan sebagai pemicu jendela modal dan membuka formulir untuk mengirimkan permintaan kontak. Tombol atau tautan memerlukan dua atribut data-*_, data-toggle="modal" dan data-target="#modalForm". Atribut modal div dan id yang harus sama dengan atribut data-target yang memicu tautan atau tombol
Open Contact Form
× Close
Contact Form
Name
Message
Close SUBMIT
_
Kode JavaScript. Validasi dan Kirim Formulir
Fungsi SubmitContactForm() mengklik formulir tombol kirim. Dalam fungsi submitContactForm()_, formulir popup data divalidasi sebelum mengirim dan mengirim file ke submit_form. php untuk diproses lebih lanjut menggunakan jQuery dan Ajax
Kirim Email Permintaan Kontak (submit_form. )
Dalam file Open Contact Form
× Close
Contact Form
Name
Message
Close SUBMIT
- Memeriksa apakah formulir yang dikirimkan tidak kosong dan memvalidasi email dengan filter FILTER_VALIDATE_EMAIL di PHP
- Memperoleh formulir data menggunakan metode
Open Contact Form
× Close
Contact Form
Name
Email
Message
Close SUBMIT
- Mengirim email HTML dengan detail kontak ke situs admin menggunakan fungsi PHP
Open Contact Form
× Close
Contact Form
Name
Email
Message
Close SUBMIT
2
Setelah tindakan yang diperlukan selesai, status pesan akan berhasil ditampilkan dengan metode Ajax
Contact request has submitted at CodexWorld, details are given below. Name:'.$name.' Email:'.$email.' Message:'.$message.' '; // Set content-type header for sending HTML email $headers = "MIME-Version: 1.0" . " "; $headers .= "Content-type:text/html;charset=UTF-8" . " "; // Additional headers $headers .= 'From: CodexWorld' . " "; // Send email if(mail($to,$subject,$htmlContent,$headers)){ $status = 'ok'; }else{ $status = 'err'; } // Output status echo $status;die; }_
Kesimpulan
Ini adalah contoh script sederhana dan cara mudah untuk mengintegrasikan form popup dalam pengiriman email. jika Anda ingin menyimpan data formulir ke database mysql, gunakan fungsi insert sebelum mengirim email