JSFiddle - React, Tailwind, and code Playground

by jessica_mather123

HTML

Postal Code: <input type="text" id="tbPostalCode">

ex. A0A 0A0, the postal code will auto format for you.

JavaScript

$("#tbPostalCode").on("change keyup paste", function(){
            var output;
            var input = $(this).val();
            input = input.replace(/[^a-zA-Z0-9]/g, '');
          input = input.toUpperCase();
            var front = input.substr(0, 3);
            var end = input.substr(3, 5);
            if (front.length < 3) {
                output = front;
            } else if (front.length == 3 && end.length < 3) {
                output = front+ " " + end;
            } else if (front.length == 3 && end.length == 3) {
                output = front+ " " + end;
            }
            $(this).val(output);
        });