Cet article analyse la méthode jQuery pour obtenir la date de naissance et le sexe à partir du numéro d'identification. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
1. Avant-propos :
Aujourd'hui, dans un projet mobile, selon les exigences du projet de conception, les utilisateurs peuvent saisir leur propre date de naissance. J'ai également utilisé sérieusement le type de date du formulaire html5 dont je pensais ne pas le faire. utilisez la date après tout. Le plug-in permet aux utilisateurs de choisir leur date de naissance, mais le patron a dit que ce formulaire devrait être supprimé et que la date de naissance de l'utilisateur devrait être lue à partir du numéro d'identification. Eh bien, à moitié content, le résultat est... Hélas, je n'ai pas d'autre choix que de le faire selon la demande du leader, j'ai donc le code ci-dessous pour obtenir la date de naissance et le sexe à partir du numéro d'identification.
2. Code de mise en œuvre :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.min.js"></script> </head> <body> <input type="tel" id="js_Idcard"> <span id="js_birthday"></span> <script> $(function(){ function GetBirthdatByIdNo(iIdNo){ var tmpStr = ""; var birthday = $("#js_birthday"); iIdNo = $.trim(iIdNo); if(iIdNo.length == 15){ tmpStr = iIdNo.substring(6, 12); tmpStr = "19" + tmpStr; tmpStr = tmpStr.substring(0, 4) + "-" + tmpStr.substring(4, 6) + "-" + tmpStr.substring(6); sexStr = parseInt(iIdNo.substring(14, 1),10) % 2 ? "男" : "女"; birthday.text(sexStr + tmpStr); }else{ tmpStr = iIdNo.substring(6, 14); tmpStr = tmpStr.substring(0, 4) + "-" + tmpStr.substring(4, 6) + "-" + tmpStr.substring(6); sexStr = parseInt(iIdNo.substring(17, 1),10) % 2 ? "男" : "女"; birthday.text(sexStr + tmpStr); } } $("#js_Idcard").blur(function(){ GetBirthdatByIdNo($(this).val()); }); }); </script> </body> </html>
Un autre code pour obtenir le sexe à partir du numéro d'identification :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.min.js"></script> </head> <body> <input type="tel" id="js_Idcard"> <span id="js_birthday"></span> <script> $(function(){ function go(){ var id = $("#js_Idcard").val(); var last = id[id.length - 2]; if(last % 2 != 0){ $("#js_birthday").text("男"); }else{ $("#js_birthday").text("女"); } } $("#js_Idcard").blur(function(){ go(); }); }); </script> </body> </html>
Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Résumé des effets de glisser et des compétences JQuery", "Résumé des compétences de l'extension jQuery" , "Résumé des effets spéciaux classiques communs de JQuery", "Résumé de l'utilisation des animations et des effets spéciaux jQuery" et "Résumé de l'utilisation du sélecteur jquery"
J'espère que cet article sera utile à tous ceux qui programment jQuery.