js擷取身份證號碼中的生日並與出生日期雙向繫結

要實現這樣乙個功能,先給身份證號碼進行校驗,當身份證輸入正確之後,js擷取號碼中的生日,當滑鼠移出輸入框的時候,出生日期自動渲染,要實現其實很簡單,直接上**:

1.單單只想截取出身份證號碼中的生日可以這樣寫就可以實現啦

下面的判斷分為一代身份證15位,二代身份證18位,現在大部分使用的都是18位吧,但也做了相應的判斷,直接呼叫即可

getbirth_date :

function
(idcard)
else
if(idcard.length ==18)
birthday = birthday.
replace
(/(.)(.)/
,"$1-$2-");
}return birthday;
},

2.以下是實現與出生日期雙向繫結的詳細**:

html:

ref=

"form"
label-width
="120px"
:rules
="rules"
:model
="ruleform"
>
label
="身份證號"
size
="mini"
class
="part"
prop
="id_card"
>
v-model
="ruleform.id_card"
@change
="changes(ruleform.id_card)"
>
el-input
>
el-form-item
>
label
="出生日期"
size
="mini"
class
="part"
label-width
="100px"
>
type
="date"
placeholder
="選擇日期"
v-model
="birth_date"
style
="width
: 100%;
"    >
el-date-picker
>
el-form-item
>
el-form
>

注意!使用校驗規則的表單,在data中定義的時候必須要放在乙個物件中,:model="ruleform"這行**一定要寫,不寫不生效!

js:

export

default
(18|19|([23]\d))\d((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d[0-9xx]$/;if
(regidcard.
test
(value))cb
(new
error
("您輸入的身份證號碼不是有效格式"))
;};return
,      birth_date:
null
,//出生日期
rules:,,
],},
methods:
else
if(idcard.length ==18)
birthday = birthday.
replace
(/(.)(.)/
,"$1-$2-");
}this
.birth_date=birthday
console.
log(birthday)
;// return birthday;},}},

element ui 官網也有詳細介紹哦------

這樣也就實現了自定義校驗的規則,可以在專案中使用了!

身份證號碼

每乙個人自出生後都會有乙個身份證號碼。根據我國有關部門規定，公民身份號碼是特徵組合碼，由十七位數字本體碼和一位數字校驗碼組成。排列順序從左至右依次為 六位數字位址碼，八位數字出生日期碼，三位數字順序碼和一位數字校驗碼。居民身份證是國家法定的證明公民個人身份的有效證件。例如 對於身份證號碼330719...

JS校驗身份證號碼

function isidcardno num d 0 9 x test num 驗證前2位，城市符合 var acity if acity parseint num.substr 0,2 null alert 城市 acity parseint num.substr 0,2 下面分別分析出生日期和...

js身份證號碼驗證

15位或18位身份證號碼驗證例子 身份證15位編碼規則 dddddd yymmdd xx p dddddd 地區碼 yymmdd 出生年月日 xx 順序類編碼，無法確定 p 性別，奇數為男，偶數為女 身份證18位編碼規則 dddddd yyyymmdd y dddddd 地區碼 yyyymmdd 出...