Heim >Web-Frontend >js-Tutorial >Analyse der jQuery-Methode zum Abrufen von Geburtsdatum und Geschlecht aus ID-Nummer_jquery
In diesem Artikel wird die jQuery-Methode zum Ermitteln von Geburtsdatum und Geschlecht aus der ID-Nummer analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
1. Vorwort:
Heute können Benutzer in einem mobilen Projekt gemäß den Anforderungen des Designentwurfs ihr eigenes Geburtsdatum eingeben. Ich habe auch ernsthaft den Datumstyp des HTML5-Formulars verwendet, von dem ich dachte, dass ich es nicht tun würde Verwenden Sie schließlich das Datum. Das Plug-in ermöglicht es Benutzern, ihr Geburtsdatum auszuwählen, aber der Chef sagte, dass dieses Formular entfernt werden sollte und das Geburtsdatum des Benutzers aus der ID-Nummer gelesen werden sollte. Na ja, halb zufrieden, das Ergebnis ist... Leider habe ich keine andere Wahl, als es auf Wunsch des Leiters zu tun, daher habe ich den folgenden Code, um das Geburtsdatum und das Geschlecht aus der ID-Nummer zu ermitteln.
2. Implementierungscode:
<!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>
Ein weiterer Code, um das Geschlecht aus der ID-Nummer zu ermitteln:
<!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>
Leser, die an weiteren jQuery-bezogenen Inhalten interessiert sind, können sich die speziellen Themen auf dieser Website ansehen: „Zusammenfassung der Drag-Effekte und Fähigkeiten von JQuery“, „Zusammenfassung der Fähigkeiten der jQuery-Erweiterung“ , „Zusammenfassung der allgemeinen klassischen JQuery-Spezialeffekte“, „Zusammenfassung der Verwendung von jQuery-Animationen und Spezialeffekten“ und „Zusammenfassung der Verwendung des JQuery-Selektors“
Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.