Validasi nomor telepon dengan Pattern

Contoh kode berikut akan memvalidasi nomor telepon dan memeriksa apakah pengguna memberikan nomor telepon dengan format yang benar (xxx-xxx-xxxx).

1. <form>
2. No. Telp. (format: xxx-xxx-xxxx):
3. <input type=”tel” pattern=”^\d{3}-\d{3}-\d{4}$” required >
4. <input type=”submit” value=”Submit”>
5. </form>

Regex untuk nomor HP 10 Digit

Contoh kode berikut akan memeriksa apakah pengguna memberikan nilai numerik 10 digit (xxxxxxxxxx).

1. <form>
2. No. HP (format: xxxxxxxxxx):
3. <input type=”tel” pattern=”^\d{10}$” required >
4. <input type=”submit” value=”Submit”>
5. </form>

Bonus: Cara membuat nomor telepon yang dapat diklik di perangkat mobile

Sebagian besar situs-situs bisnis menempatkan nomor kontak mereka di situs mereka. Nomor telepon yang dapat diklik sangat berguna saat pengguna menjelajah situs web dari perangkat mobile. Link Click-To-Call akan membantu untuk menghubungi nomor telepon langsung dari situs web dengan satu klik.

Dengan menggunakan hyperlink tel:, kamu dapat dengan mudah membuat nomor telepon yang dapat diklik. Di atribut href, tambahkan tel: dan masukkan nomor telepon dengan awalan kode negara.

Tag anchor berikut menambahkan nomor telepon hyperlink untuk browsing mobile. Pengguna bisa memulai panggilan telepon hanya dengan mengklik link nya.

1. <a href=”tel:+6285111222069″>85111222069</a>

+62 adalah kode negara Indonesia dan nomor teleponnya adalah 85111222069.