Code script เช็คเลขบัตรประชาชน แบบ Real-time

Spread the love

วิธีตรวจสอบเลขบัตรประชาชนอย่างง่าย สามารถตรวจสอบความถูกต้องของรูปแบบเลขบัตรประชาชนของประเทศไทยได้ แต่อย่างไรก็ตามเทคนิคนี้เป็นเพียงการตรวจสอบ 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 <<