Submit button active even when required fields are empty

I placed CF7 modal on the WooCommerce single product page for visitors to make product inquries. However, there are some abnormal behavours I noticed on the contact form:

• Submit button is active, despite the empty required fields.
• The contact form closes and reloads the page after clicking Submit button.

I also have another CF7 modal on the header but this one works normally as expected without any errors aforementioned. Disabling performance plugins such as Perfmatters, W3 Total Cache did not solve the issue.

Below is the setup for the misbehaving contact form:

<center><h3>상품 문의</h3>
<div id="divider" style="background-color:rgb(54, 150, 188); height: 3px; width:55px; align: center;"></div>
<br>
<p>화면 우측 하단 아이콘을 클릭하시면 홈페이지 또는 카카오톡에서 실시간 채팅이 가능합니다.</p></center>

이름*
[text* your-name placeholder "이름"]

전화
[tel your-phone placeholder "전화"]

이메일*
[email* your-email placeholder "이메일"]

업체명
[text your-company placeholder "업체명"]

상품명
[dynamictext product-name readonly "CF7_get_post_var key='title'"] [dynamichidden selected_variations]
[dynamichidden product-url "CF7_URL"]

문의사항
[textarea* your-message placeholder "기타 문의 사항 입력..."]
<p style="font-size:10px; line-height: 14px;">
수집하는 개인 정보[이름(필수), 전화(선택), 이메일(필수), 업체명(선택), 상품명(필수), 문의사항(필수)]은 문의 내용 처리 및 고객 불만을 해결하기 위해 사용되며, 관련 법령에 따라 3년간 보관 후 삭제됩니다. 동의를 거부하실 수 있으며, 필수/선택 항목의 동의 거부 시 전체 또는 일부 서비스 이용이 제한될 수 있습니다.</p>

[acceptance acceptance] <b>상기 개인정보 수집 및 활용에 동의합니다.</b> [/acceptance]


[submit "보내기"]

Site Environment:

Theme:
Porto

Plugins:
Admin Columns
Advanced Editor Tools (previously TinyMCE Advanced)
Brands for WooCommerce
Broken Link Checker
Channel.io
Classic Editor
Classic Widgets
Contact Form 7
Contact Form 7 - Dynamic Text Extension
Contact Form 7 Product Enquiry form for variable products
Converter for Media
Duplicate Menu
Envato Market
Faview - Virtual Reviews for WooCommerce
FiboSearch - AJAX Search for WooCommerce (Pro)
FileBird
Fix Media Library
Health Check & Troubleshooting
Instant Indexing
Loco Translate
Nginx Cache
Perfmatters
Permalink Manager Lite
Porto Theme - Functionality
Post SMTP
Product Filter for WooCommerce
Rank Math SEO
Rank Math SEO PRO
Rearrange Woocommerce Products
Say What?
Shortcoder
Slider Revolution
TablePress (Premium)
UpdraftPlus - Backup/Restore
W3 Total Cache
WOLF - WordPress Posts Bulk Editor and Manager Professional
WooCommerce
WooCommerce Advanced Bulk Edit
WooCommerce Tab Manager
WPBakery Page Builder
WP Content Copy Protection & No Right Click (premium)
WPMU DEV Dashboard
Social Share Button By Cosmosfarm
CodeMShop My Site

The page I need help with: [log in to see the link]