<div style="padding:20px 40px;">
        <h1 style="font-size:20px;color:#999;">身份證查詢</h1>
        <input type="text" placeholder="輸入身份證號" id="code">
        <input type="button" value="查詢" id="btn">
        <p id="home"><strong>籍    貫：</strong><span></span></p>
        <p id="birthday"><strong>出生日期：</strong><span></span></p>
        <p id="sex"><strong>性    別：</strong><span></span></p>
    </div>
    <script type="text/javascript">
        //去掉字符串頭尾空格  
        var home='',birthday='',sex='';
        function trim(str) {  
            return str.replace(/^/s*|/s*$/g, "");  
        }
        //驗證身份證
        function IdentityCodeValid(code) {
            code=trim(code);
            var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江 ",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北 ",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"云南",54:"西藏 ",61:"陜西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門"};   
            if(!code || !/^/d{6}(18|19|20)?/d{2}(0[1-9]|1[012])(0[1-9]|[12]/d|3[01])/d{3}(/d|X)$/i.test(code)){
                alert("身份證號格式錯誤");
                home='',birthday='',sex='';
                return false;
            }
            if(!city[code.substring(0,2)]){
                alert("地址編碼錯誤");
                home='',birthday='',sex='';
                return false;
            }
            if(code.length == 18){    //18位身份證需要驗證最后一位校驗位
                var codeArr = code.split('');       
                var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];    //加權因子               
                var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];                        //校驗位
                var sum = 0;
                for (var i = 0; i < 17; i++){
                    sum += codeArr[i] * factor[i];
                }
                if(parity[sum % 11] != codeArr[17]){
                    alert("校驗位錯誤");
                    home='',birthday='',sex='';
                    return false;
                }               
            }
            //省份
            home = city[code.substring(0,2)];   
            //生日
            birthday = code.substring(6,10)+'年'+code.substring(10,12)+'月'+code.substring(12,14)+'日';
            //性別
            if(code.length==15){
                sex = code.substring(14,15)%2==0 ? '女':'男';
            }else if(code.length==18){
                sex = code.substring(14,17)%2==0 ? '女':'男';
            }
        }
           //輸出結果
        document.querySelector('#btn').onclick=function(){
            var code=document.querySelector('#code').value;
            IdentityCodeValid(code);
            document.querySelector('#home span').innerHTML=home;
            document.querySelector('#birthday span').innerHTML=birthday;
            document.querySelector('#sex span').innerHTML=sex;
        }
    </script>