belajar membuat website

Membuat pertanyaan konfirmasi

Klik Disini, jika ada Link Rusak / Kode Tidak Jalan


Dalam membuat program, ada kalanya kita ingin agar data yang diinput tidak salah. Teknik Validasi yang anda terapkan pun, misalnya validasi nama tidak boleh angka terkadang tidak maksimal. Kalau misalnya kita salah mengetik nama ?Ivan? dengan ?Ivam?, pasti nama akan lansung tersimpan bukan? Bukan hanya itu, biasanya seorang user tidak sengaja menekan tombol ?enter?. Padahal belum selesai mengetik. Ada cara untuk mengatasi hal diatas, yakni dengan membuat pertanyaan konfirmasi. Pertanyaan konfirmasi berfungsi untuk menampilkan pertanyaan ?ok? dan ?cancel?. Ini untuk memastikan apakah data yang diinput sudah benar dengan melakukan pengecekan ulang.

Pertanyaan konfirmasi sepeti diatas dapat dibuat dengan javascript.

Buat file dengan nama pertanyaan.js lalu ketikkan script berikut :

pertanyaan.js

function pertanyaan()
{
????? if(confirm(‘Anda yakin yang ingin anda posting ini sudah benar?’))
????? {
??????????? return true;
????? }
????? else
????? {
??????????? return false;
????? }
}

index.html

<html>
<body>
??????????????? <script language=”javascript” src=”pertanyaan.js”></script>
??????????????? <a href=# onclick=?return pertanyaan ()?>Tes membuat pertanyaan…..</a>
</body>
</html>

Sedikit Penjelasan kode diatas :

Pada pertanyaan.js, dibuatkan perintah confirm untuk menampilkan kotak pesan ok dan cancel. Karena menggunakan function, kita gunakan return TRUE jika benar dan return FALSE jika salah. Lalu pada bagian yang ingin dimunculkan pertanyaan, tambahkan perintah onclick. Maksudnya ketika diklik,event apa yang terjadi.

Yah, sekian dulu lah penjelasan dari saya. Jika ada yang ingin ditanyakan, silahkan menghubungi saya di

Email1 : ivan@ilmuwebsite.com
? Email 2 : ivan_wen_piao@yahoo.co.id
Web : ?http://ivan.ilmuwebsite.com


Ilmuwebsite Offline (Mempelajari Dunia Web Development dan Web Design Jauh Lebih Mudah)

Ingin tau lebih jelas,cara membuat website dinamis atau cara membuat aplikasi berbasis website? Klik disini Anda akan jauh lebih mudah dan terstruktur dalam mempelajari web design dan web development, 1. HTML CSS, 2. JQUERY, 3. PHP MySQL, 4. CodeIgniter, 5. Joomla dan 6. WordPress. Materi berupa video tutorial, contoh kasus, file latihan, yang bisa mengantarkan Anda menuju web developer handal!


Masukkan Komentar di sini :

Powered by Google+ Comments

eXTReMe Tracker