In this post, I have tried to create a simple Javascript function, which allows us to enter a proper Canada postal code in the textbox.
<!DOCTYPE html>
<script>
function formatCanadaPostalCode(id) {
var postalcode = document.getElementById(id).value
var postcodeLength= postalcode.length;
if(postcodeLength==1 || postcodeLength==3 || postcodeLength==5){
if(postalcode.charAt(postcodeLength-1).match(/[a-zA-Z]/i)){}else{
document.getElementById("postalcode").value=postalcode.slice(0, - 1);
}
}else if(postcodeLength==2 || postcodeLength==4 || postcodeLength==6){
if( postalcode.charAt(postcodeLength-1).match(/[0-9]/i)){}else{
document.getElementById("postalcode").value=postalcode.slice(0, - 1);
}
}
}
</script>
<body>
Candapostalcode format
<input id="postalcode" type="text" maxlength="6"
onkeydown="formatCanadaPostalCode('postalcode')"
onkeyup="formatCanadaPostalCode('postalcode')">
</body>
</html>
OUTPUT : M2P6A8
Feel free to try and execute this code and comment below.
Copyright ©TechOceanhub All Rights Reserved.