I'm using below code and if the validation fails, the form is not re-focusing to the Zip code field. Instead it is submitting the form, any thoughts? 

//ZipCode Validation
      // Change the label text for the Postal field
    $(".Postal").siblings().text('Zip Code');

    // Regex for exactly 5 digits
    var regex = /^\d{5}$/; 

    // Validate the Postal field on input
    $('.Postal').on('input', function() {
        var inputVal = $(this).val(); // Get the current value of the input field

        // Clear any previous error messages
        $('#postalErrorMessage').remove(); 

        // Validate against the regex
        if (!regex.test(inputVal)) {
            $(this).after('<div id="postalErrorMessage" style="color:red;">Invalid ZIP code. Enter exactly 5 digits.</div>');
        }
    });
  // Validate on submit
    $('.SubmitButton').on('click', function (event) {
    const zipVal = $('.Postal').val();
    const regex = /^\d{5}$/;

    if (!regex.test(zipVal)) {
        event.preventDefault();
        $('.Postal').focus();
        $('#postalErrorMessage').remove();
        $('.Postal').after('<div id="postalErrorMessage" style="color:red;">ZIP code must be exactly 5 digits.</div>');
        return false;
        }
    });