称赞之!收藏之!!扩展之!!!
-------------------------------------------------------------------------------------------------------------
效果预览:

第一步:引入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 次 )
最佳答案
