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.splice("");
				input[1,4,6] = input.replace(/[^0-9]/g, '');
        input[0,2,5] = input.replace(/[^a-zA-Z]/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);
			});