Rumah Kewangan Peribadi Cara Melaksanakan Pengesahan JavaScript Asas - dummies

Cara Melaksanakan Pengesahan JavaScript Asas - dummies

Video: Ultra Powerful Natural Germicide DIY : JADAM Sulfur(JS) by No-heating. [Multi-language subtitles] 2024

Video: Ultra Powerful Natural Germicide DIY : JADAM Sulfur(JS) by No-heating. [Multi-language subtitles] 2024
Anonim

Anda boleh melakukan pengesahan asas menggunakan JavaScript untuk pelbagai jenis input. Latihan pertama ini menetapkan HTML untuk borang web. Sebaik sahaja anda melengkapkan latihan ini, anda akan mempunyai pengesahan JavaScript dilakukan untuk borang.

  1. Buka editor teks anda dan buat fail kosong yang baru.

  2. Dalam fail, letakkan HTML berikut:

    Borang Maklumat Pengguna Nama: * Nama diperlukan 

    Kota:

    Negeri: Alabama California Colorado Florida Illinois New Jersey New York Wisconsin > ZIP:

    Alamat E-mel: * E-mel diperlukan

    Nombor Telefon: Format: xxx-xxx-xxxx

    Jenis Nombor: Rumah Kerja Sila pilih pilihan

    Sahkan kata laluan: * Kata laluan tidak sepadan

    Simpan fail sebagai borang. php dalam akar dokumen anda.

  3. localhost
  4. / borang. php. HTML kelihatan sangat buruk, dengan medan borang misalign dan ralat dipaparkan. Anda boleh membetulkannya dengan CSS.

    Buat fail teks baru dalam editor anda dan masukkan CSS berikut:

  5. formset {display: inline-block;}. radioButton {float: none; paparan: inline; margin-right: 0. 1em; lebar: 2em;} borang label {width: 8em; margin-right: 1em; terapung: kiri; teks-align: right; paparan: blok;} borang input {width: 15em;} #submit {margin-top: 2em; terapung: betul;}. errorClass {background-color: # CC6666;} #errorDiv {col or: red;}. errorFeedback {visibility: hidden;}

    Simpan fail sebagai bentuk. css dalam akar dokumen anda.
    
  6. Fail ini telah dirujuk dalam HTML yang anda buat pada Langkah 2, jadi tiada perubahan lain yang diperlukan untuk fail itu.

    Muat semula borang. fail php dalam penyemak imbas anda.

  7. Dengan HTML dan CSS di tempatnya, sudah tiba masanya untuk menambah beberapa JavaScript.

    Nota: Anda membina kod pengesahan kemudian dalam bab ini. Buat masa ini, anda hanya menambah fail JavaScript asas.

    Buat fail teks baru dalam editor anda.
  8. Letakkan JavaScript berikut dalam fail.

  9. $ (dokumen). siap (function () {alert ("hello");});

    Simpan fail sebagai borang. js dalam akar dokumen anda.
    
  10. Muat semula borang. php dalam pelayar web anda.

  11. Klik OK untuk menolak dialog.

  12. Walaupun dialog isyarat itu sendiri bukan sesuatu yang baru, ia membuktikan bahawa anda telah menyambung HTML dan JavaScript dengan betul untuk latihan ini. Dari sini, anda boleh berusaha menambah pengesahan JavaScript ke borang tersebut. Sebelum berbuat demikian, anda mungkin dapat membantu untuk memecahkan beberapa HTML dan CSS yang telah anda buat.

Cara Melaksanakan Pengesahan JavaScript Asas - dummies

Pilihan Editor

Bagaimana Meditasi Mengubah Brain - dummies

Bagaimana Meditasi Mengubah Brain - dummies

Bersenjata dengan maklumat terkini tentang cara kerja otak, penyelidik telah mempelajari korelasi antara meditasi, pengaktifan bahagian otak yang berlainan, dan perubahan tingkah laku, kognisi, dan emosi. Hasilnya adalah jauh dari konklusif - mereka lebih seperti mengintip sekilas tentang bidang eksplorasi baru yang luas - tetapi mereka ...

Pilihan Editor

Cara Menghitung Umur dengan Formula Excel - patung

Cara Menghitung Umur dengan Formula Excel - patung

Salah satu cara yang paling mudah untuk mengira umur apa-apa pun adalah untuk menggunakan fungsi Excel DATEDIF. Fungsi misterius ini tidak muncul dalam fail Bantuan Excel, tetapi telah wujud sejak Excel 2000. Fungsi ini membuat pengiraan apa-apa jenis tarikh perbandingan angin. Untuk mengira usia seseorang menggunakan fungsi DATEDIF, anda ...

Bagaimana Menghitung Masa Berlalu di Excel - dummies

Bagaimana Menghitung Masa Berlalu di Excel - dummies

Salah satu perhitungan yang lebih biasa dilakukan dengan nilai masa melibatkan pengiraan masa berlalu - iaitu bilangan jam dan minit antara waktu mula dan waktu tamat. Jadual dalam gambar menunjukkan senarai masa mula dan akhir bersama dengan masa berlalu yang dikira. Anda boleh melihat bahawa formula ...

Bagaimana Menghitung Nilai Masa Depan dalam Excel 2013 - dummies

Bagaimana Menghitung Nilai Masa Depan dalam Excel 2013 - dummies

Fungsi Masa Depan Nilai (FV) Excel 2013 ditemui di menu lungsur butang Financial pada tab Rumus Ribbon (Alt + MI). Fungsi FV mengira nilai masa depan pelaburan. Sintaks fungsi ini ialah = FV (rate, nper, pmt, [pv], [type]) Kadar, nper, pmt, dan jenis argumen adalah sama seperti yang digunakan oleh PV ...

Pilihan Editor

Memindahkan Imej Digital dari Kamera Anda ke Komputer Windows - dummies

Memindahkan Imej Digital dari Kamera Anda ke Komputer Windows - dummies

, Anda boleh dengan mudah memindahkan imej dari kamera digital anda ke komputer anda. Pemindahan kamera ke komputer memerlukan anda memasang pemandu kamera anda pada PC anda. Untuk memindahkan foto dari kamera digital atau pembaca kad anda ke PC anda

Memindahkan Foto Digital dari Kad Memori Anda ke Komputer Anda dengan Adapter Kad PC

Memindahkan Foto Digital dari Kad Memori Anda ke Komputer Anda dengan Adapter Kad PC

Banyak komputer riba mempunyai slot untuk menyambungkan peranti PC Card (seperti modem). Anda boleh membeli penyesuai untuk kad memori anda supaya mereka boleh muatkan slot tersebut. Selepas anda memasang perisian penyesuai (ikuti arahan yang disertakan dengan penyesuai anda), memindahkan fail imej ke komputer anda adalah satu snap: