จำนวนผู้เข้าชม : 2,351
วิธีตรวจสอบเลขบัตรประชาชนอย่างง่าย สามารถตรวจสอบความถูกต้องของรูปแบบเลขบัตรประชาชนของประเทศไทยได้ แต่อย่างไรก็ตามเทคนิคนี้เป็นเพียงการตรวจสอบ Format ของเลขบัตรประชนชนเท่านั้น ไม่สามารถตรวจสอบได้ว่าเป็นเลขจริงหรือไม่ แต่ Code มีไว้ก็ดีกว่าใช่ไหมละ วันนี้ดูเพลินเลยได้นำเทคนิคการเขียน Code script เช็คเลขบัตรประชาชนมาฝากเพื่อน ๆ กัน

See the Pen script-validate-citizen-id by Kiti Chan Boyd (@kiti-chan-boyd) on CodePen.
วิธีเขียนโค้ด ตรวจสอบเลขบัตรประจำตัวประชาชนแบบ Real-time
1. Copy code ด้านล่างนี้ไปวางไว้ในส่วน <head> .... </head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.4.min.js' crossorigin="anonymous"></script>
2. ตัวอย่าง HTML Code ของ Input Script เช็คเลขบัตรประชาชน
<div class="container">
<div class="row">
<h1>ตัวอย่าง Script ตรวจเลขบัตรประจำตัวประชาชน</h1><br/>
<div class='col-12'>
<label>กรอกเลขบัตร</label> <span class="error"></span>
<input type="number" id="idcard" class="form-control" maxlength="13">
</div>
</div>
</div>
3. Javascript สำหรับเรียกใช้งาน Script เช็คเลขบัตรประชาชน
<script type="text/javascript">
jQuery(document).ready(function($){
$('#idcard').on('keyup',function(){
if($.trim($(this).val()) != '' && $(this).val().length == 13){
id = $(this).val().replace(/-/g,"");
var result = Script_checkID(id);
if(result === false){
$('span.error').removeClass('true').text('เลขบัตรผิด');
}else{
$('span.error').addClass('true').text('เลขบัตรถูกต้อง');
}
}else{
$('span.error').removeClass('true').text('');
}
})
});
function Script_checkID(id){
if(id.substring(0,1)== 0) return false;
if(id.length != 13) return false;
for(i=0, sum=0; i < 12; i++)
sum += parseFloat(id.charAt(i))*(13-i);
if((11-sum%11)%10!=parseFloat(id.charAt(12))) return false;
return true;
}
</script>บทความอื่น ๆ ที่เกี่ยวข้องกับ Javascript/jQuery
เป็นยังไงกันบ้างคะ ไม่ยากเลยใช่ไหมละสำหรับการเขียนโค้ด เช็คเลขบัตรประชาชน ด้วย Javascript ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย
เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก
อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<


















