Membuat Web Validasi Form Sederhana Dengan Javascript Dan PHP

Selamat Sore Sobat Bloger... Ada yang tau tentang Validasi dalam sebuah pembuatan web.... kali saya akan sharing sedikit tentang FORM Validasi Pendaftaran... Pada Dasarnya Validasi adalah hal yang penting di dalam sebuah aplikasi, terutama ketika mengharuskan user untuk menginput suatu nilai ke dalam aplikasi tersebut.

Salah satu contoh validasi dapat anda temui pada form biodata di sebuah website. Untuk mengisi form biodata, user harus diarahkan agar tidak melakukan kesalahan dalam melakukan input data. Jika form tersebut menggunakan platform web, maka Javascript adalah salah satu cara alternatif untuk melakukan validasi.

Validasi Form Menggunakan Javascript

Berikut ini saya berikan contoh form menggunakan javascript sederhana yang biasa anda temui ketika mengisi form pendaftaran di suatu website. 

Ini Adalah Source Code Dari Javascript dan PHP Yang Diperlukan Silahkan Donwload Dibawah Ini..
DOWNLOAD HERE
*Bagi Yang Belum Tau Bagaimana Download Di Tusile Lihat Foto Dibawah Ini...

Setelah Di Download Mari Kita Lihat Screenshoot Dibawah Ini Untuk Melihat Gunanya Source Code Javascript ....

Tampilan Awal Webnya....

Coba Lihat Foto Dibawah Setelah Diklik Kirim Tetapi Field-Field Pengisian Data Masih Ada Yang Kosong Maka Muncul Peringatan Field Mana Yang Harus Diisi ( Script Nya Akan Jalan Ketika Diklik Kirim Karena Di Source Kode PHP Nya Pada Bagian <form> ada onsubmit=" namaclassJavascriptnya() "  saya disini memakai nama class validation()) 

Begitu Juga Dengan Field Alamat Yang Masih Kosong Maka Akan Ada Peberitahuan Bahwa harus Diisi

Sekarang Beda Kondisi ( Semua Field Sudah Diisi Tetapi  Masih Ada Peringatan ) Kondisi Dibawah ini Disebabkan Ketentuan Yang Ada Di Javascript Nya Yaitu Fungtion inNumeric() ( Kita Harus Mengisi Hanya Angka Saja ) ....

Kalau Semua Ketentuan Dari Javascript Yang Kita Buat Tadi Selalu Benar Ketika Kita Klik KIrim Maka Akan Tampil / Menuju Ke Hasil.php....

Sekian Dulu Dari Saya Terimakasih... 😊😊

22.44  Unknown  1 comment

Read More

WEB SEDERHANA 2

Selamat Sore Sobat Bloger Ane Dapat Ilmu Baru Lagi nih Dari Sekolahan.. Yaitu Cara Bikin Webseite Dengan Dua Buah Bahasa Tiga Malah.. Yaitu PHP, HTML, Dan CSS....

Maaf Ane Gak Bisa Jelasin Hanya Tulisan... Kalau Mau Langsung Aja Nih Download File Website Nya... Dan Ingat Sobat Harus Punya Server Untuk Menjalankan File PHP Nya... Seperti XAMP, APACHE Dll. Kalau Tatacara Menjalankannya Cari Google Aja Deh...

Nih SS Websitenya

Ketika Di Klik Home

Ketika Di Klik About

Jika Di Klik Foto

Kalau Ingin Lebih Jelas Dan Belajar Ngedit-Ngedit Website Nya Silahkan Donwload Disini

00.39  Unknown  No comments

Read More

WEB SEDERHANA

Selamat Malam Sahabat Bloger Ane Mau Posting Bagaimana Caranya Bikin Website Yang Sangat Sederhana Sendiri Dengan HTML 5 Dan Pendamping Setianya CSS.....

Ada Yang Mau Coding Website Sederhana Buatan Ane.....

Nih SS WEB Yang Udah Jadi Beserta Coding HTML Dan CSSnya ..

Silahkan Kllik Untuk Memperbesar GAMBAR

Ini Adalah Coding CSS nya

Ini Adalah Coding HTML nya

Maaf Gambarnya Kabur Tapi Tenang Pengen Lebih Lengkap Langsung Aja Download Filenya Dibawah Ini

DONWLOAD HERE

21.27  Unknown  No comments

Read More

Element Baru Dari HTML 5

Selamat Malam Bloger-Bloger Setia Malam ini ane mau ngeposting tentang HTML yang baru yaitu HTML 5.... HTML 5 Mempunyai Element-element baru... Nih Penjelasan tentang Element-element Baru Di HTML 5.

Artikel Ini Ngopas Dari Websites Berbahasa Inggris kalau mau merubah ke Bahasa Indonesia Silahkan Gunakan Fasilitas Translate di Sebelah Kanan

New Elements in HTML5

The internet, and the use of the internet, has changed a lot since HTML 4.01 became a standard in 1999.

Today, several elements in HTML 4.01 are obsolete, never used, or not used the way they were intended. All those elements are removed or re-written in HTML5.

To better handle today's internet use, HTML5 also includes new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.

---

The New <canvas> Element

Note: The links in the tables below point to our HTML 5 Reference. However, you will learn more about these new elements throughout this tutorial. 

Tag	Description
<canvas>	Used to draw graphics, on the fly, via scripting (usually JavaScript)

---

New Media Elements

Tag	Description
<audio>	Defines sound content
<video>	Defines a video or movie
<source>	Defines multiple media resources for <video> and <audio>
<embed>	Defines a container for an external application or interactive content (a plug-in)
<track>	Defines text tracks for <video> and <audio>

---

New Form Elements

Tag	Description
<datalist>	Specifies a list of pre-defined options for input controls
<keygen>	Defines a key-pair generator field (for forms)
<output>	Defines the result of a calculation

---

New Semantic/Structural Elements

HTML5 offers new elements for better structure:

Tag	Description
<article>	Defines an article
<aside>	Defines content aside from the page content
<bdi>	Isolates a part of text that might be formatted in a different direction from other text outside it
<command>	Defines a command button that a user can invoke
<details>	Defines additional details that the user can view or hide
<dialog>	Defines a dialog box or window
<summary>	Defines a visible heading for a <details> element
<figure>	Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption>	Defines a caption for a <figure> element
<footer>	Defines a footer for a document or section
<header>	Defines a header for a document or section
<mark>	Defines marked/highlighted text
<meter>	Defines a scalar measurement within a known range (a gauge)
<nav>	Defines navigation links
<progress>	Represents the progress of a task
<ruby>	Defines a ruby annotation (for East Asian typography)
<rt>	Defines an explanation/pronunciation of characters (for East Asian typography)
<rp>	Defines what to show in browsers that do not support ruby annotations
<section>	Defines a section in a document
<time>	Defines a date/time
<wbr>	Defines a possible line-break

---

Removed Elements

The following HTML 4.01 elements are removed from HTML5:

• <acronym>
• <applet>
• <basefont>
• <big>
• <center>
• <dir>
• <font>
• <frame>
• <frameset>
• <noframes>
• <strike>
• <tt>

Thank To W3Scool

00.57  Unknown  No comments

Read More