Checks ZIP validity piotnet Form

Add this Custom JS in Elementor ( HTML)

				
					<script>
document.addEventListener('DOMContentLoaded', function () {
  const allowedZips = [
    '08501','08505','08512','08514','08515','08520','08527','08533','08550','08554','08562',
    '08610','08619','08620','08628','08648','08690','08691',
    '08016','08022','08041','08046','08054','08057','08075','08077',
    '18901','18902','18914','18915','18917','18923','18925','18927','18929','18932','18936','18938',
    '18940','18944','18951','18954','18960','18964','18966','18974','18976','18977',
    '19002','19006','19007','19020','19021','19025','19034','19038','19040',
    '19044','19046','19047','19053','19075','19090'
  ];

  const zipField = document.getElementById('form-field-Zip');
  const nextButtons = document.querySelectorAll('[data-pafe-form-builder-nav="next"]');

  nextButtons.forEach(btn => {
    btn.addEventListener('click', function (e) {
      const zipValue = zipField.value.trim();

      // If the ZIP field is visible on this step
      if (zipField.offsetParent !== null) {
        if (!allowedZips.includes(zipValue)) {
          e.preventDefault();
          zipField.setCustomValidity("This service is not available in your area.");
          zipField.reportValidity();
        } else {
          zipField.setCustomValidity(""); // Clear error if valid
        }
      }
    });
  });
});
</script>
				
			

Leave a Reply

Your email address will not be published. Required fields are marked *

Latest tutorials

Freelancer Mojibur
freelancer mojibur

Start a Project!

Interested in working together? Send a quick message or schedule a meeting. Ask questions, discuss details, and decide if we are a good fit.

Website Project Inquiry

This form helps me get a general idea. We’ll schedule a meeting soon to discuss everything in more detail!

Freelancer Mojibur

Contact person

For quick communication email at: freelancermojibur@gmail.com