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] 2025

Video: Ultra Powerful Natural Germicide DIY : JADAM Sulfur(JS) by No-heating. [Multi-language subtitles] 2025
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

Cara Mencetak Mac Leopard Leopard Document Document - dummies

Cara Mencetak Mac Leopard Leopard Document Document - dummies

Selepas anda membuat, diformat, dan spellchecked dokumen Halaman anda, anda mungkin mahu mencetaknya. Anda boleh mencetak dokumen Halaman anda pada kertas nyata, tentu saja, tetapi jangan lupa bahawa anda juga boleh menyimpan pokok dengan membuat dokumen format elektronik, bukan cetakan.

Cara Mencetak Kenalan dari Mac OS X Buku Alamat Snow Leopard - dummies

Cara Mencetak Kenalan dari Mac OS X Buku Alamat Snow Leopard - dummies

Jika anda ingin mencetak kenalan dari Buku Alamat Mac anda, anda boleh memilih dari dua format yang berbeza. Secara lalai, Buku Alamat mencetak pada kertas ukuran U. S. standard (8. 5 x 11 inci) dalam orientasi potret. Anda boleh menukar tetapan ini dengan mudah, walaupun:

Cara Main DVD di Mac OS X Snow Leopard - dummies

Cara Main DVD di Mac OS X Snow Leopard - dummies

Bermain DVD memerlukan perkakasan; mujurlah, hampir semua Mac dengan Snow Leopard dilengkapi dengan barangan yang diperlukan untuk menonton DVD. Untuk memainkan filem DVD, anda memerlukan pemacu serasi DVD dalaman di Macintosh anda atau pemacu DVD luaran dengan sambungan FireWire atau USB 2. 0. Pemacu DVD-ROM hanya boleh memainkan cakera, sementara yang lain ...

Pilihan Editor

Pertukaran Pengurusan Dalam Talian - dummies

Pertukaran Pengurusan Dalam Talian - dummies

Bahagian pengurusan untuk Exchange Online boleh diakses dengan mengklik pada pautan Gambaran Keseluruhan Admin di bahagian atas- sudut kiri pada halaman pentadbiran Microsoft Office 365 utama dan kemudian klik pautan Urus di bawah seksyen Exchange Online. Bergantung pada tahap akses anda, anda boleh memilih untuk mengurus seluruh organisasi, diri anda, atau ...

Peti mel - Perintah Shell Pertukaran Khusus - dummies

Peti mel - Perintah Shell Pertukaran Khusus - dummies

Simpan Lembaran Menipu ini yang berkaitan dengan Microsoft Exchange Server 2007 memerintahkan berguna apabila anda membuka Shell Management Shell untuk membuat tugas pentadbiran peti mel anda semudah yang boleh. Perintah Keterangan Get-MailboxCalendarSettings Memaparkan tetapan pemprosesan kalendar untuk peti mel yang dinyatakan. Set-MailboxCalendarSettings Membolehkan pemprosesan kalendar untuk peti mel yang dinyatakan. Anda boleh mengkonfigurasikan parameter untuk ...

Pilihan Editor

Cara Membuat Deposit Bank dengan QuickBooks - dummies

Cara Membuat Deposit Bank dengan QuickBooks - dummies

QuickBooks, sebagai program perakaunan lengkap, membekalkan perintah dan tetingkap untuk merakam deposit bank. Untuk mencatat deposit bank dengan QuickBooks 2014, ikuti langkah berikut:

Cara Membuat Deposit Bank di QuickBooks 2016 - dummies

Cara Membuat Deposit Bank di QuickBooks 2016 - dummies

Setiap kali anda mencatatkan penjualan tunai atau pembayaran pelanggan pada invois, QuickBooks 2016 menambah wang tunai kepada senarai dana undepositednya. Dana tanpa undian ini boleh menjadi sekumpulan cek yang belum anda simpan, atau mereka boleh terdiri daripada duit syiling (mata wang dan syiling) atau bahkan pembayaran kad kredit, jika anda menerima ...

Cara Mengurus dengan Belanjawan 2012 QuickBooks - dummies

Cara Mengurus dengan Belanjawan 2012 QuickBooks - dummies

Selepas anda mencatat anggaran anda di QuickBooks 2012, anda boleh membandingkan hasil kewangan sebenar anda dengan amaun yang dianggarkan dengan memilih arahan daripada submenu Belanjawan & Ramalan yang memaparkan QuickBooks. Apabila anda memilih arahan Laporan → Belanjawan & Ramalan, QuickBooks menyediakan beberapa laporan anggaran, diterangkan dalam senarai berikut: Tinjauan Bajet: Laporan ini merangkum anggaran anda ...