html验证身份证号码
时间: 2023-11-08 12:54:47 浏览: 31
您可以使用HTML5中的pattern属性来验证身份证号码。以下是一个示例代码:
```html
<form>
<label for="idNumber">身份证号码:</label>
<br>
<input type="text" id="idNumber" name="idNumber" pattern="^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$">
<br>
<input type="submit" value="提交">
</form>
```
此代码将验证输入是否符合中国居民身份证号码的格式。如果输入内容与正则表达式不匹配,则浏览器将显示默认提示消息。
希望这个回答能对您有帮助!
相关问题
html表单 验证身份证号码
可以使用正则表达式来验证身份证号码,以下是一个示例:
```html
<form>
<input type="text" id="idcard" name="idcard" required pattern="^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$" placeholder="请输入身份证号码">
<button type="submit">提交</button>
</form>
```
在上面的代码中,使用了 `required` 属性来确保用户必须填写身份证号码,同时使用 `pattern` 属性来指定正则表达式,该正则表达式可以匹配身份证号码的格式。其中,`\d` 表示匹配数字,`{15}` 表示匹配 15 个数字,`{18}` 表示匹配 18 个数字,`(\d|X|x)` 表示匹配一个数字或者大写/小写字母 X。
在后端接收表单数据后,也应该对身份证号码进行校验,以确保数据的准确性和安全性。
input 输入框 验证身份证号码
好的,可以参考下面的代码来验证身份证号码:
```javascript
function validateIdCard(idCard) {
// 检查身份证号码是否为空
if (idCard === '') {
return false;
}
// 检查身份证号码格式是否正确
var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if (!reg.test(idCard)) {
return false;
}
// 检查身份证号码是否合法
var S = (parseInt(idCard.charAt(0)) + parseInt(idCard.charAt(10))) * 7 +
(parseInt(idCard.charAt(1)) + parseInt(idCard.charAt(11))) * 9 +
(parseInt(idCard.charAt(2)) + parseInt(idCard.charAt(12))) * 10 +
(parseInt(idCard.charAt(3)) + parseInt(idCard.charAt(13))) * 5 +
(parseInt(idCard.charAt(4)) + parseInt(idCard.charAt(14))) * 8 +
(parseInt(idCard.charAt(5)) + parseInt(idCard.charAt(15))) * 4 +
(parseInt(idCard.charAt(6)) + parseInt(idCard.charAt(16))) * 2 +
parseInt(idCard.charAt(7)) * 1 + parseInt(idCard.charAt(8)) * 6 +
parseInt(idCard.charAt(9)) * 3;
var Y = S % 11;
var M = "F";
var JYM = "10X98765432";
M = JYM.substr(Y, 1);
if (M !== idCard.charAt(17).toUpperCase()) {
return false;
}
// 检查身份证号码的生日是否合法
var birthday = idCard.substr(6, 4) + "/" + idCard.substr(10, 2) + "/" + idCard.substr(12, 2);
var d = new Date(birthday);
if (isNaN(d.getTime())) {
return false;
}
if (birthday !== d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate()) {
return false;
}
return true;
}
```
然后可以在输入框的 `onblur` 事件中调用该函数进行验证,例如:
```html
<input type="text" name="id_card" id="id_card" onblur="validateIdCard(this.value)">
```