จำนวนผู้เข้าชม : 273
วิธีตรวจสอบเลขบัตรประชาชนอย่างง่าย สามารถตรวจสอบความถูกต้องของรูปแบบเลขบัตรประชาชนของประเทศไทยได้ แต่อย่างไรก็ตามเทคนิคนี้เป็นเพียงการตรวจสอบ 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
- Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย
- Code script เช็คเลขบัตรประชาชน แบบ Real-time
- Code script ตรวจสอบรูปแบบ URL pattern แบบ Real-time
- Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time
- Javascript เปิด/ปิด ซ่อน/แสดง Element โดยใช้ jQuery แบบต่างๆ
- Javascript เทคนิค Check & Get ค่า Hash จาก URL
- แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax
- วิธีทำ Textbox Autocomplete จากฐานข้อมูล ด้วย jQuery Ajax
- วิธีทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox
- เทคนิค วิธีการ Set Delay ให้กับ Function Javascript
เป็นยังไงกันบ้างคะ ไม่ยากเลยใช่ไหมละสำหรับการเขียนโค้ด เช็คเลขบัตรประชาชน ด้วย Javascript ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย
เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก
อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<