Passport Number validation using JavaScript

 Introduction: Hello Guys, “Welcome back” Today, I am here with another one new great article. In this article I explained how to implement Indian Passport Number validation using Regular Expression (Regex) using JavaScript.

Join our Channel  on Whtsapp and Telagram for All Updates                                          

Code for HTML Page

On the  HTML page I will be placed three control one will be  TextBox with the id named txt_passport_number,  second control will be SPAN with the id named lbl_error and a Button with the id named btn_submit. On the OnClick event of the Button i assigned a JavaScript function named validate_passport_number().

Passport Number:

<input type="text" id="txt_passport_number" class="passport" />

<span id="lbl_error" class="error"></span>

<br/>

<input type="button" id="btn_submit"  value="Submit" onclick="validate_passport_number()" />

Validating Passport Number using Regular Expression in JavaScript

When user will be click on the Submit Button then the validate_passport_number() JavaScript function will be executed. Inside the ValidatePassportNumber JavaScript function, the Passport Number TextBox will be referenced by using the id of the textbox and its value will be tested by using a Regular Expression.

The below mentioned conditions must satisfy for the Passport Number to be termed as valid.

1. The Passport Number should be eight characters long.

2. The first character  of Passport Number should be an upper case alphabet with A-Z excluding Q, X, and Z.

3. The second character of Passport Number should be any digit. 1-9.

4. The third character of Passport Number should be any digit. 0-9.

5. The next character of Passport Number should be zero or one white space character.

6. The next four characters of Passport Number should be any digit. 0-9.

7. The last character Passport Number should be any digit. 1-9.

Examples: B3185320,  B38 92068

<script type="text/javascript">

    function validate_passport_number() {

        var passportNumber = document.getElementById("txt_passport_number").value;

        var lbl_msg = document.getElementById("lbl_error");

       lbl_msg.innerHTML = "";

        var expr = /^[A-PR-WY][1-9]\d\s?\d{4}[1-9]$/;

        if (!expr.test(passportNumber)) {

           lbl_msg.innerHTML = "Please enter valid Passport Number.";

        }

    }

</script>

CSS Class

The following CSS classes are used.

1. error – It will apply RED color to the error message.

2. passport – It will force the letters to be UPPER case.

<style type="text/css">

    body { font-family: Arial; font-size: 10pt; }

    .error { color: Red; }

    .passport { text-transform: uppercase; }

</style>

Conclusion: In above code, I explained how to implement Indian Passport Number validation using Regular Expression (Regex) using JavaScript. We will come back again shortly with the new article.

Regards

Programming Hub