Bagaimanakah cara validasi input nomor handphone dan memisahkan menjadi beberapa grup?
Nomor handphone adalah salah satu kontak pribadi yang paling mudah dihubungi, sehingga terkadang kita membuat form yang mengharuskan mengisi nomor handphone pengguna.
Dalam kesempatan ini, saya akan menuliskan sebuah tips untuk melakukan validasi terhadap inputan nomor handphone dari form yang telah kita buat sebelumnya dengan beberapa fungsi yang ada di PHP serta memisahkan menjadi beberapa grup dengan strip atau dash (-).
Silahkan anda membuat file baru dengan nama file validasi_handphone.php
<?php
// membuat form untuk input nomor handphone
echo"
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Validasi nomor Handphone serta pemisah dengan tanda Strip atau Dash (-)</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js'></script>
<script src='js/bootstrap.min.js'></script>
</head>
<body>
<div class='container'>
<form action='validasi_handphone.php' method='post' enctype='multipart/form-data'>
<div class='form-group'>
<div class='input-group col-sm-3' style='margin-top: 50px;'>
<input type='text' class='form-control' placeholder='Handphone' name='handphone' autofocus required>
<div class='input-group-append'>
<button type='submit' name='submit' class='btn btn-primary'><strong>LIHAT</strong></button>
</div>
</div>
</div>
<div class='form-group'>
<div class='input-group col-sm-6'>
";
// proses data apabila sudah diinput
if (isset($_POST['submit'])) {
// mengambil nomor handphone telah diinput
$handphone = $_POST['handphone'];
// menghitung jumlah digit nomor handphone tanpa kode negara (+62)
$jumlah_digit_handphone = strlen(substr($handphone, 3));
// nomor handphone yang ditampilkan jika berjumlah 9 digit
if ($jumlah_digit_handphone == 9) {
$tampil_handphone = "+62 " . substr($handphone, 3, 3) . "-" . substr($handphone, 6, 3) . "-" . substr($handphone, 9, 3);
}
// nomor handphone yang ditampilkan jika berjumlah 10 digit
if ($jumlah_digit_handphone == 10) {
$tampil_handphone = "+62 " . substr($handphone, 3, 3) . "-" . substr($handphone, 6, 4) . "-" . substr($handphone, 10, 3);
}
// nomor handphone yang ditampilkan jika berjumlah 11 digit
if ($jumlah_digit_handphone == 11) {
$tampil_handphone = "+62 " . substr($handphone, 3, 3) . "-" . substr($handphone, 6, 4) . "-" . substr($handphone, 10, 4);
}
// nomor handphone yang ditampilkan jika berjumlah 12 digit
if ($jumlah_digit_handphone == 12) {
$tampil_handphone = "+62 " . substr($handphone, 3, 3) . "-" . substr($handphone, 6, 4) . "-" . substr($handphone, 10, 5);
}
// validasi inputan nomor handphone
if (!preg_match("/^[0-9|(\+|)]*$/", $handphone) OR strlen(strpos($handphone, "+", 1)) > 0) {
echo "<strong>Handphone hanya boleh menggunakan angka dan diawali simbol +</strong>";
}
else if (substr($handphone, 0, 3) != "+62" ) {
echo "<strong>Handphone harus diawali dengan kode negara +62</strong>";
}
else if (substr($handphone, 3, 1) == "0" ) {
echo "<strong>Handphone tidak boleh diikuti dengan angka 0 setelah kode negara</strong>";
}
else {
// menampilkan nomor handphone
echo "<strong>Handphone : $tampil_handphone</strong>";
}
}
echo "
</div>
</div>
</form>
</div>
</body>
</html>
";
?>
Berikut demo untuk validasi inputan nomor handphone
Download demo DISINI
Terima kasih telah membaca materi ini yang berjudul Validasi nomor Handphone serta pemisah dengan tanda Strip atau Dash (-) dan jangan lupa bagikan melalui sosial media anda dengan klik icon yang berada dibawah judul materi ini.
Kritik dan saran silahkan kirim ke WhatsApp, Instagram atau Facebook.
