Filtering Number Pada Texfield dalam PHP

Kadang dalam sebuah form isian, terdapat isian untuk memasukkan nomor telp. bisa jadi karena ngantuk atau cepat-cepat kita salah mengisikan angka dengan sebuah huruf. nah, yuk belajar filtering number pada textfield dalam php. Dengan menggunakan jquery, kita bisa lebih mudah dalam filtering number ini. Kita akan memanfaatkan jQuery Autotab Plugin untuk melakukan filtering.

Phone Number:
--

Pertama adalah meng-includekan jquery.autotab.js dalam file html.

<script src="jquery.autotab.js" type="text/javascript">
</script>

Berikutnya adalah membuat textfield, jangan lupa menyertakan id dari textfiled yang dibuat.

<form>
<div><strong>Phone Number:</strong></div>
<input type="text" name="area_code" id="area_code" maxlength="3" size="3" /> - 
<input type="text" name="number1" id="number1" maxlength="3" size="3" /> - 
input type="text" name="number2" id="number2" maxlength="4" size="5" />
</form>  

dan yang terakhir adalah menginisialisasi autotab pada textfield

<script type="text/javascript">
$(document).ready(function() {
$('#area_code, #number1, #number2').autotab_magic().autotab_filter('numeric');
});
</script>

Nah, gampangkan untuk membuat filtering number dengan jquery. silahkan dicoba dan kreasikan.