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

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

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<

หมวดหมู่เกี่ยวกับ Coding

เนื้อหาที่คล้ายกัน...

เทคนิค วิธีการ Set Delay ให้กับ Function Javascript

เทคนิค วิธีการ Set Delay ให้กับ Function Javascript

ดูเพลิน Admin - 26 ม.ค. 66
Bootstrap CSS ตารางสวย ๆ พร้อมวิธีเปลี่ยนสีตารางด้วย jQuery

Bootstrap CSS ตารางสวย ๆ พร้อมวิธีเปลี่ยนสีตารางด้วย jQuery

ดูเพลิน Admin - 26 ธ.ค. 65
Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

ดูเพลิน Admin - 21 ธ.ค. 65
Javascript เทคนิค Check & Get ค่า Hash จาก URL

Javascript เทคนิค Check & Get ค่า Hash จาก URL

ดูเพลิน Admin - 26 ม.ค. 66
Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time

Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time

ดูเพลิน Admin - 28 ธ.ค. 65
ทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox

ทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox

ดูเพลิน Admin - 23 ม.ค. 66
Javascript เปิด/ปิด ซ่อน/แสดง Element โดยใช้ jQuery แบบต่างๆ

Javascript เปิด/ปิด ซ่อน/แสดง Element โดยใช้ jQuery แบบต่างๆ

ดูเพลิน Admin - 11 ม.ค. 66
วิธีทำ Textbox Autocomplete จากฐานข้อมูล ด้วย jQuery Ajax

วิธีทำ Textbox Autocomplete จากฐานข้อมูล ด้วย jQuery Ajax

ดูเพลิน Admin - 16 ม.ค. 66

เรื่องราวเอื่น ๆ ในหมวดเทคนิคการเขียนโค้ด...

let value = 147/32; let result_value = Math.round(value); console.info('Value = '+value+' Result = '+result_value); //ผลลัพธ์ Value = 4.59 Result = 5let value = 147/33; let result_value = Math.round(value); console.info('Value = '+value+' Result = '+result_value); //ผลลัพธ์ Value = 4.454 Result = 4