根据身份证号码自动提取出生年月性别家庭地址并自动填充

浏览:2702 发布日期:2013/11/24 分类:技术分享 关键字: 身份证 自动提取 自动填充
这么好的东西,你必须首先:
称赞之!收藏之!!扩展之!!!

-------------------------------------------------------------------------------------------------------------
效果预览:

第一步:引入JS文件<script type="text/javascript" src="__PUBLIC__/js/cerid.js"></script>第二步:布局表单<form action="" method="post" id="register-form" class="form-horizontal">
    <div class="control-group">
        <label for="" class="control-label">
            身份证号码:
        </label>
        <div class="controls">
            <input type="text" name="cerid" id="txtidcard" onchange="document.getElementById('spanerror').innerText=checkIdcard(this.value);" >
            <span class="help-inline" id="spanerror">身份证号码</span>
        </div>
    </div>
    <div class="control-group">
        <label for="" class="control-label">
            性别:
        </label>
        <div class="controls">
            <input type="text" id="txtsex" readonly="on">
            <span class="help-inline">性别</span>
        </div>
    </div>
    <div class="control-group">
        <label for="" class="control-label">
            出生年月:
        </label>
        <div class="controls">
            <input type="text" id="txtbirthday" name="birthday" readonly="on">
            <span class="help-inline">出生年月</span>
        </div>
    </div>
    <div class="control-group">
        <label for="" class="control-label">
            家庭地址:
        </label>
        <div class="controls">
            <input type="text" name="address" id="txtnativeplace">
            <span class="help-inline">请输入您的家庭地址</span>
        </div>
    </div>
    <div class="control-group">
        <button id="submit" class="button green big" />下一步:激活成功</button>
    </div>
    <input type="hidden" name="vendor" id="txtvendor">
</form>
第三步:输入你的身份证瞧瞧?
-----------------------------------------------------------------------------------------
提醒:
1、我的表中是以0为女1为男,所以性别的input只作为显示之用,真正存入数据库的是隐藏域。
2、所需JS文件请查看附件。

附件 cerid.rar ( 30.72 KB 下载:274 次 )

最佳答案
评论( 相关
后面还有条评论,点击查看>>