
HTML
11 July 2017
# Topik
Ikuti Saya
HTML
HTML5 Pattern No. Kad Pengenalan
11 July 2017
Bagi memastikan No. Kad Pengenalan dimasukkan dengan betul, fungsi Pattern pada HTML5 boleh digunakan. Ini membantu di dalam mengurangkan kesilapan di dalam memasukkan data.
Contoh penggunaan pattern seperti di bawah :
Selamat mencuba!
Contoh penggunaan pattern seperti di bawah :
Skrip HTML5
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form method="post" name="frm_nokp"> | |
<h4>No. Kad Pengenalan</h4> | |
<input name="nokp" value="" onkeyup="this.value=this.value.replace(/[^0-9,-]/g,'');" pattern="[0-9]{6}[\-][0-9]{2}[\-][0-9]{4}" title="000000-00-0000" maxlength="14" required /> | |
<button name="semak" value="semak" class="uk-button uk-button-success uk-button-large">Semak!</button> (Cth : 000000-00-0000) | |
</form> |