Monday, May 13, 2019

Begini Cara Membuat Form Menerima Input Hanya Angka di HTML dan PHP

bagaimana membuat form input hanya menerima inputan angka saja di php dan html

Artikel kali ini kita akan membahas bagaimana membuat input hanya angka di html dimana ini juga berlaku untuk input hanya angka php.

Membuat inputan hanya angka di html sangat penting, untuk sebagai validasi awal agar tidak salah memasukkan jenis inputan. Semisal kita hanya mengijinkan password berisi angka saja, tentu harus ada pencegahan agar tidak bisa memasukkan selain angka. 

Membuat input hanya angka php juga banyak manfaatnya, apabila terdapat human error atau juga semisal bahwa yang di isi adalah untuk mata uang, nah tentu yang diiinput adalah numeric atau angka semua, jadi ketika user mengetik selain angka, maka tidak akan bisa terinput kedalam form.

Membuat Input Hanya Angka di PHP


Untuk membuat input hanya angka di PHP atau html, ada hal yang harus kamu ketahui terlebih dahulu, bahwa didalam pemograman web ada kode char, dimana angka yang kita ketahui ada berjumlah 10 atau biasa kita menyebutnya adalah bilangan decimal yaitu 0-9, itu tepat berjumlah sepuluh. 

Nah kode char didalam pemograman web, untuk angka adalah 48 – 57, jika kita hitung 48, 49, 50, 51, 52, 53, 54, 55, 56, 57. Itu berjumalah 10. Yaitu 0-9. 

Jadi untuk membuat input hanya angka di php atau html, range kode char 48-57 tersebutlah yang kita perbolehkan untuk bisa diterima apabila keyboard di tekan user. 

Bagaimana Membuat Inputan Hanya Angka di PHP


Untuk membatasi input hanya angka di html atau php, kita hanya perlu menambahkan script berikut ini pada tag “input”.

onkeypress="return event.charCode >= 48 && event.charCode <=57"

untuk mengimplementasikanya sangat mudah, cukup anda tambahkan script diatas seperti telihat pada program berikut ini

<input type="text" name="nim" onkeypress="return event.charCode >= 48 && event.charCode <=57">

Dengan ditambahkannya attribute onkeypress beserta isi dari attribute tersebut, user tidak akan bisa menginput selain angka 0-9, itu berarti hanya angka yang dapat diinput. 

Baik, dibawah ini sebagai contoh program html sederhana untuk implementasi onkeypress="return event.charCode >= 48 && event.charCode <=57" agar hanya input angka di php

Login.html


<html>
<head>
 <title>Input Hanya Angka di PHP</title>
</head>
<body>
 <form method="post" action="login.php">
<table align="center">
 <tr>
  <th colspan="2">LOGIN</th>
 </tr>
 <tr>
  <td>Nama : </td>
  <td><input type="text" name="nama" size="20"></td>
 </tr>
 <tr>
  <td>NIM : </td>
  <td><input type="text" name="nim" onkeypress="return event.charCode >= 48 && event.charCode <=57"></td>
 </tr>
 <tr><td colspan="2" align="center"><input type="submit" value="Login"></td></tr>
</table>
</form>
</body>
</html>

Maka hasil dari script membuat input hanya angka html tersebut akan seperti berikut ini


program html inputan hanya angka saja
Gambar Input Hanya Angka PHP

Diatas kebetulan adalah html, jadi hanya input angka di html, terus bagaimana hanya input angka di php? Ya sama saja, anda hanya perlu menyesauikan dengan echo untuh bahasa php.

Contoh :

<?php
echo”<input type="text" name="nim" onkeypress="return event.charCode >= 48 && event.charCode <=57">”;
?>

Bagaimana? Simple bukan membuat input hanya angka di php atau hanya menerima input alphanumeric di html dan di php. 


Demikianlah pembahasan tentang membuat input hanya angka php dan menerima hanya angka di html, dimana attribute yang sederhana, namun manfaatnya sangat baik untuk meningkatkan kulitas web yang anda bangun.


EmoticonEmoticon