Medan E-mel
Kumpulkan alamat e-mel dengan yakin. Daripada borang hubungan kepada pendaftaran dengan pengesahan entri berganda, sekatan domain dan pelengkap automatik pelayar – medan E-mel menyediakan pengumpulan e-mel yang tepat dengan pengesahan terbina dalam dan pencegahan salah taip.
Pengumpulan E-mel Profesional dengan Pengesahan Pintar
Sesuai untuk:
Ciri-ciri Hebat untuk Setiap Kes Penggunaan
✅ Ruangan Pengesahan E-mel
Pencegahan Entri Taip Berganda:
Tambahkan medan "Sahkan E-mel" kedua di mana pengguna mesti memasukkan semula alamat e-mel mereka. Mencegah kesalahan taip dan memastikan pengumpulan e-mel yang tepat.
Bagaimana Ia Berfungsi:
- Medan e-mel utama dipaparkan dahulu
- Medan “Sahkan E-mel” dipaparkan di bawah
- Sistem mengesahkan kedua-dua entri sepadan
- Maklum balas visual menunjukkan status padanan (hijau = padanan, merah = tidak sepadan)
- Borang tidak akan dihantar sehingga e-mel sepadan
Mengapa Menggunakan Pengesahan:
- Mencegah kesalahan taip yang mahal ([e-mel dilindungi] lwn gmail.com)
- Memastikan penghantaran e-mel penting
- Mengurangkan kadar lantunan
- Amalan terbaik profesional untuk borang kritikal
- Pengguna mengesan kesilapan mereka sendiri
Perfect For:
- Pendaftaran akaun (e-mel penetapan semula kata laluan)
- Pengesahan pesanan (penghantaran resit)
- Pendaftaran acara (emel tiket)
- Pemberitahuan pembayaran
- Sebarang bentuk yang mana ketepatan e-mel adalah penting
Pengalaman pengguna:
Pengesahan masa nyata dengan maklum balas berkod warna. Pengguna dapat melihat serta-merta sama ada e-mel sepadan tanpa menunggu penyerahan borang.
🏢 Sekatan Domain
Senarai Putih Domain E-mel Khusus:
Dayakan “Hadkan Domain E-mel yang Dibenarkan” untuk hanya menerima e-mel daripada domain tertentu. Sesuai untuk borang syarikat sahaja, pendaftaran peribadi atau akses terkawal.
Bagaimana Ia Berfungsi:
- Masukkan domain yang dibenarkan (satu setiap baris)
- Sistem mengesahkan domain e-mel semasa penyerahan
- Hanya domain yang sepadan sahaja diterima
- Kosongkan mesej ralat untuk domain yang ditolak
Kes Penggunaan Biasa:
Emel Syarikat Sahaja:
Benarkan hanya e-mel `@yourcompany.com` untuk borang dalaman, tinjauan pekerja atau pendaftaran kakitangan.
Institusi Pendidikan:
Hadkan kepada `@university.edu` untuk borang khusus pelajar, tinjauan kampus atau pendaftaran akademik.
Rakan Kongsi Berbilang:
Benarkan berbilang domain seperti `company1.com`, `company2.com`, `partner3.com` untuk portal rakan kongsi atau borang B2B.
Organisasi yang Disahkan:
Senaraikan organisasi khusus dalam senarai putih untuk kandungan khusus ahli, tawaran eksklusif atau akses yang disahkan.
Contoh:
- Maklum balas pekerja: `syarikatanda.com` sahaja
- Portal pelajar: `school.edu`, `university.edu`
- Pendaftaran rakan kongsi: `partner1.com, partner2.com, partner3.com`
- Akses ahli: `org1.org, org2.org, bukan untung.org`
Kebaikan:
- Memastikan penyerahan yang sah
- Menghalang akses yang tidak dibenarkan
- Mengesahkan gabungan organisasi
- Mengurangkan spam daripada emel awam
- Mengawal akses kepada borang terhad
🔄 Pelayar Autolengkap
Kemasukan E-mel Lebih Pantas:
Dayakan “Benarkan Cadangan Pelayar” untuk membolehkan pelayar mencadangkan alamat e-mel yang digunakan sebelum ini. Pengguna boleh memilih daripada e-mel yang disimpan dengan satu klik.
Bagaimana Ia Berfungsi:
Pelayar mengenali medan e-mel
Mencadangkan alamat e-mel yang disimpan
Pengguna mengklik cadangan untuk mengisi automatik
Penyiapan borang segera
Kebaikan:
Penyiapan borang yang lebih pantas (1 klik berbanding menaip)
Mengurangkan kesalahan taip (tiada entri manual)
Meningkatkan pengalaman pengguna
Kadar penyiapan yang lebih tinggi
Terutamanya berguna pada mudah alih
Mesra Privasi:
Pengguna mengawal apa yang disimpan oleh pelayar. Autolengkap menghormati tetapan privasi pelayar dan pilihan pengguna.
Bila hendak mendayakan:
Borang hubungan (pelawat berulang)
Pendaftaran surat berita (pengguna yang kembali)
Borang pertanyaan pantas
Borang awam dengan penggunaan berulang
Bila hendak dinyahdayakan:
Pendaftaran sensitif
Senario komputer yang dikongsi
Borang keselamatan tinggi
Apabila e-mel mesti dimasukkan secara manual
✉️ Pengesahan E-mel Terbina Dalam
Semakan Format Automatik:
Medan e-mel merangkumi pengesahan HTML5 terbina dalam. Pelayar mengesahkan format e-mel secara automatik sebelum penyerahan.
Peraturan Pengesahan:
Mesti mengandungi simbol `@`
Mesti ada teks sebelum `@` (nama pengguna)
Mesti ada domain selepas `@`
Mesti mempunyai sambungan domain yang sah (.com, .org, dll.)
Tiada jarak atau aksara tidak sah
Maklum Balas Masa Nyata:
Pelayar memaparkan mesej pengesahan seperti “Sila sertakan '@' dalam alamat e-mel” atau “Sila masukkan e-mel selepas '@'.”
Kesilapan Biasa yang Didapati:
Tiada `@`: `useremailcom` ✗
Domain hilang: `pengguna@` ✗
Sambungan tiada: `user@domain` ✗
Ruang: `pengguna @email.com` ✗
Aksara tidak sah: `user@@email.com` ✗
Format E-mel yang Sah:
`[e-mel dilindungi]`, `[e-mel dilindungi]`, `[e-mel dilindungi]✓
📝 Nilai E-mel Lalai
Isi Alamat E-mel Pra-Isi:
Tetapkan alamat e-mel lalai yang dipaparkan apabila borang dimuatkan. Berguna untuk e-mel sokongan, kenalan lalai atau borang demo.
Gunakan Kes:
- E-mel sokongan pra-isi untuk permintaan panggilan balik
- Tunjukkan contoh format e-mel ([e-mel dilindungi])
- Tetapkan e-mel pengguna yang diketahui daripada pangkalan data
- Hubungan lalai untuk organisasi
Boleh diedit:
Pengguna boleh menukar atau menggantikan nilai lalai dengan mudah. Ia adalah titik permulaan, bukan dikunci.
🎯 Pengalaman Pengguna yang Dipertingkatkan
Ciri Pintar Terbina Dalam:
- Papan Kekunci Khusus E-mel – Peranti mudah alih memaparkan papan kekunci yang dioptimumkan dengan kekunci @ dan .
- Atribut Autolengkap – Autolengkap HTML5 yang betul untuk medan e-mel
- Potong Ruang Putih – Penyingkiran ruang yang tidak disengajakan secara automatik
- Penukaran Huruf Kecil – Penukaran pilihan kepada huruf kecil untuk konsistensi
- Pengesahan Visual – Maklum balas berkod warna untuk pemadanan pengesahan
- Kosongkan Mesej Ralat – Maklum balas pengesahan khusus
- Pengesahan Diperlukan – Pastikan entri e-mel wajib
- Bantuan Sokongan Teks – Tambah petunjuk format e-mel
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Sokongan Kebolehcapaian – label ARIA, serasi dengan pembaca skrin
- Teks Pemegang Tempat – Tunjukkan petunjuk format e-mel
- Mesra Salin-Tampal – Alamat e-mel penuh ditampal dengan kemas
🔀 Logik Bersyarat
Keterlihatan Medan E-mel Dinamik:
Tunjukkan atau sembunyikan medan e-mel berdasarkan nilai borang lain. Paparkan koleksi e-mel hanya apabila berkaitan.
Peraturan Logik Lanjutan:
- DAN Logik – Semua syarat mesti dipenuhi
- Logik ATAU – Sebarang keadaan boleh mencetuskan tindakan
- 8 Operator – Sama dengan, Tidak sama dengan, Lebih besar daripada, Kurang daripada, Mengandungi, Kosong dan lebih banyak lagi
Gunakan Kes:
- Tunjukkan “E-mel perniagaan” hanya apabila jenis pelanggan bersamaan dengan “Perniagaan”
- Paparkan “E-mel alternatif” apabila pengguna menanda “Tambah kenalan sekunder”
- Dedahkan “E-mel syarikat” apabila jenis pendaftaran bersamaan dengan “Korporat”
- Sembunyikan “E-mel peribadi” apabila pilihan hubungan ialah “Telefon Sahaja”
Persediaan Mudah dalam 3 Langkah
Sediakan Medan E-mel anda dalam beberapa minit
Tambah Medan E-mel
Seret dan lepas medan E-mel daripada bahagian Medan Asas ke dalam borang anda.
Dayakan Pengesahan (Pilihan)
Tandakan “Tambah Medan Pengesahan” untuk memerlukan pengesahan entri berganda dan mengelakkan kesalahan taip pada borang kritikal.
Konfigurasikan Sekatan (Pilihan)
Dayakan sekatan domain untuk e-mel syarikat sahaja, hidupkan pelengkap automatik pelayar untuk kemudahan dan tetapkan nilai lalai jika perlu.
🎉 Itu sahaja! Medan e-mel anda sudah siap dengan pengesahan pintar dan pencegahan salah taip.
Aplikasi Dunia Sebenar
Borang Perhubungan
* E-mel pertanyaan umum
* Permintaan sokongan kenalan
* Pengumpulan maklumat hubungan
* E-mel permintaan panggilan balik
Pendaftaran pengguna
* E-mel penciptaan akaun
* E-mel kelayakan log masuk
* E-mel penetapan semula kata laluan
* Alamat e-mel pengesahan
Surat Berita & Pemasaran
* E-mel langganan surat berita
* Koleksi pilihan masuk pemasaran
* Pendaftaran kempen e-mel
* Koleksi e-mel promosi
E-commerce
* E-mel pengesahan pesanan
* E-mel penghantaran resit
* E-mel pemberitahuan penghantaran
* E-mel akaun pelanggan
Aplikasi Perniagaan
* E-mel permintaan sebut harga
* E-mel pemberitahuan cadangan
* E-mel komunikasi projek
* Pengumpulan hubungan pelanggan
Pendidikan & Acara
* E-mel pendaftaran acara
* E-mel pendaftaran kursus
* E-mel pemberitahuan webinar
* E-mel penghantaran sijil
Pilihan Medan Lengkap
Konfigurasi asas
- Label Medan – Tajuk yang ditunjukkan di atas medan e-mel
- Teks Penerangan/Bantuan – Panduan tambahan untuk pengguna
- Medan Wajib – Pastikan entri emel wajib
- Teks Pemegang Tempat – Petunjuk yang ditunjukkan sebelum pengguna menaip (cth., “[e-mel dilindungi]")
Nilai asal
Nilai Lalai – Alamat e-mel yang telah diisi terlebih dahulu apabila borang dimuatkan
pengesahan email
- Tambah Medan Pengesahan – Menambah medan kedua di mana pengguna mesti memasukkan semula e-mel mereka untuk mengelakkan kesalahan taip
- Mengesahkan kedua-dua entri sepadan secara automatik
- Menunjukkan maklum balas berkod warna masa nyata
- Menghalang penyerahan borang sehingga e-mel sepadan
Penyepaduan Pelayar
Benarkan Cadangan Pelayar – Benarkan pelayar mencadangkan alamat e-mel yang digunakan sebelum ini untuk penyelesaian yang lebih pantas
Sekatan Domain
Hadkan Domain E-mel yang Dibenarkan – Hanya terima alamat e-mel daripada domain tertentu (cth., hanya e-mel syarikat)
- Domain E-mel yang Dibenarkan – Masukkan setiap domain yang dibenarkan pada baris baharu (tanpa simbol @)
- Contoh: `gmail.com`, `outlook.com`, `syarikatanda.com`
- Satu domain setiap baris
- Sistem mengesahkan domain semasa penyerahan
Logik Bersyarat
- Dayakan Logik Bersyarat – Tunjukkan/sembunyikan berdasarkan syarat
- Jenis Logik
- Semua syarat mesti dipenuhi (DAN)
- Sebarang syarat boleh dipenuhi (ATAU)
- Peraturan Keadaan
- Tunjukkan/Sembunyikan – Tindakan yang perlu diambil
- Medan – Medan yang hendak disemak
- Operator – Sama dengan, Tidak sama dengan, Mengandungi, Lebih besar daripada, Kurang daripada, Kosong, Tidak kosong
- Nilai – Nilai perbandingan
- Pelbagai Syarat – Tambah peraturan tanpa had
Pilihan Lanjutan
- Medan Tersembunyi – Jadikan medan tidak kelihatan tetapi sertakan e-mel dalam penyerahan
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Atribut Kebolehcapaian – Label ARIA untuk pembaca skrin
- Transformasi Teks – Penukaran huruf kecil pilihan
- Pemangkasan Ruang Putih – Penyingkiran ruang automatik
Mengapa Memilih Medan E-mel Kami?
✅ Pencegahan Kesilapan -
Medan pengesahan memastikan pengumpulan e-mel yang tepat
✅ Sekatan Domain -
Senarai putihkan domain khusus untuk akses terkawal
✅ Pelayar Autolengkap -
Kemasukan lebih pantas dengan cadangan e-mel yang disimpan
✅ Pengesahan Terbina Dalam – Semakan format e-mel HTML5 secara automatik
✅ Mudah Alih Dioptimumkan – Papan kekunci khusus e-mel pada peranti mudah alih
✅ Maklum Balas Visual – Pengesahan padanan masa nyata untuk pengesahan
✅ Pengurangan Spam – Sekatan domain menghalang e-mel palsu
✅ Mesra pengguna – Mesej dan petunjuk pengesahan yang jelas
✅ Bersepadu Sepenuhnya – Berfungsi dengan lancar dengan semua ciri borang
Soalan Lazim
S: Apakah kegunaan ruangan pengesahan e-mel?
Ia menambah medan "Sahkan E-mel" kedua di mana pengguna mesti memasukkan semula e-mel mereka. Mencegah kesalahan taip seperti [e-mel dilindungi] dan bukannya gmail.com. Kedua-dua medan mesti sepadan untuk dihantar.
S: Bagaimanakah sekatan domain berfungsi?
Dayakannya dan masukkan domain yang dibenarkan (satu setiap baris) seperti yourcompany.com. Hanya e-mel yang berakhir dengan domain tersebut diterima.
S: Bolehkah saya membenarkan berbilang domain?
Ya. Masukkan berbilang domain, satu setiap baris seperti company1.com, company2.com, partner.com. Mana-mana daripadanya akan diterima.
S: Perlukah saya menggunakan pengesahan e-mel untuk semua borang?
Gunakannya untuk borang penting seperti pendaftaran, pesanan atau tiket acara. Langkaukannya untuk borang pertanyaan mudah bagi memastikan semuanya pantas untuk pengguna.
S: Apakah fungsi “Benarkan Cadangan Pelayar”?
Ia membolehkan pelayar autolengkap supaya pengguna boleh memilih daripada alamat e-mel yang disimpan dan bukannya menaip secara manual.
S: Bolehkah pengguna memintas pengesahan e-mel?
Tidak. Pelayar menguatkuasakan peraturan format e-mel secara automatik, menyekat format yang salah seperti user@ atau @domain.com.
S: Bagaimanakah saya boleh mengehadkan e-mel syarikat sahaja?
Hidupkan “Hadkan Domain E-mel yang Dibenarkan” dan masukkan domain syarikat anda. Hanya e-mel yang menggunakan domain tersebut akan diterima.
S: Adakah medan pengesahan dipaparkan pada baris yang sama?
Tidak. Ia muncul betul-betul di bawah medan e-mel utama dengan label “Sahkan E-mel”.
S: Papan kekunci apakah yang muncul pada telefon bimbit?
Peranti mudah alih menunjukkan papan kekunci mesra e-mel dengan @, noktah dan pintasan domain biasa.
S: Bolehkah saya menggunakan medan e-mel dengan logik bersyarat?
Ya. Anda boleh memaparkan atau menyembunyikan medan e-mel berdasarkan pilihan pengguna menggunakan syarat seperti “Kosong”, “Bukan kosong”, atau “Sama dengan”.
S: Apa yang berlaku jika domain tidak sepadan?
Pengguna akan menerima mesej seperti: “Domain e-mel tidak dibenarkan. Sila gunakan domain yang diluluskan.”
S: Patutkah saya mendayakan autolengkap atas sebab keselamatan?
Ia bergantung. Dayakan untuk kemudahan pada borang awam. Lumpuhkan pada sistem kongsi atau sensitif apabila entri manual diutamakan.
