协助表单和JavaScript

Question

I will like an assistance with the following.

I have three input the first one is Identity number , second one is Date of birth and the third one is gender. What I want is when I insert an Identity number on the first field to automatic insert dateofbirth and gender. South African ID numbers contain date of birth and gender. All I want is when I insert ID number, Birthdate and gender to automatic insert

Sample of identity number is 140101 5000 089 - The first six number is date of birth start with yymmdd and the second number is if a number start with 0-4 its a female and if its start with 5-9 its a male

First name: <input type="number" name="id_number" maxlength="13"><br>
Birthdate: <input type="text" class="datepicker" name="birthdate"><br>
Gender: <input type="text" name="gender"><br>

Answer 1

You need to remove "type=number" from your first input. Otherwise it won't allow to type in spaces. Then you can split the ID into an array of words and use them.

var $input1 = $("input[name=id_number]"),
    $input2 = $("input[name=birthdate]"),
    $input3 = $("input[name=gender]");

$input1.on("keyup", function(){
        
    var id = $input1.val().split(" "),
        birthdate="",
        gender="",
        part1 = id[0],
        part2 = id[1];
    
    if(part1.length>5) birthdate = part1.substr(0,2) + "/" + part1.substr(2,2) + "/" + part1.substr(4,2);
    
    $input2.val(birthdate);
    
    if(part2 && part2.length){
         if(parseInt(part2[0]) <5)
             gender = "Female"
         else
             gender = "Male"
      
        $input3.val(gender);
    }
    
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Identity number : <input type="text" name="id_number" maxlength="13"><br>
Birthdate: <input type="text" class="datepicker" name="birthdate"><br>
Gender: <input type="text" name="gender"><br>

http://jsfiddle.net/as6rdtb1/

Hope it helps.

</div>