我正在嘗試在我的后端正確驗證表單數據，并且仍然能夠在我的前端使用 Javascript 編寫的表單驗證獲得良好的用戶體驗。我在前端完成了所有表單驗證，以便獲得我們想要e.PreventDefault()在提交按鈕上使用的效果，以便我們可以向用戶顯示任何輸入錯誤而無需重新加載。問題是當您現在實際填寫表單并單擊提交時，由于 preventDefault 沒有將 POST 請求發送到服務器。完全刪除該行似乎解決了我們的服務器未收到發布請求的問題，但這會導致前端表單驗證完全沒有意義，因為由于刷新頁面而未顯示錯誤消息。Javascript 前端驗證：let btn = document.querySelector('.btn')btn.addEventListener('click', function(e) {    e.preventDefault() // <---- THIS IS THE ISSUE    let firstName = document.querySelector('.firstName').value    let lastName = document.querySelector('.lastName').value    let email = document.querySelector('.email').value    let createPassword = document.querySelector('.createPassword').value    let verifyPassword = document.querySelector('.verifyPassword').value    let firstNameSubmit = false    let lasttNameSubmit = false    let emailSubmit = false    let createPasswordSubmit = false    let verifyPasswordSubmit = false    if (/^\s+$/.test(firstName) || firstName == null || firstName == '') {        document.querySelector('.firstNameError').innerHTML = 'First Name is a required field'        document.querySelector('.firstName').style.borderBottom = '1px solid red'    } else if (!/^\s+$/.test(firstName) || firstName !== null || firstName !== '') {        document.querySelector('.firstNameError').innerHTML = null        document.querySelector('.firstName').style.borderBottom = '1px solid #2ecc71'        firstNameSubmit = true    } if (/^\s+$/.test(lastName) || lastName == null || lastName == '') {        document.querySelector('.lastNameError').innerHTML = 'Last Name is a required field'        document.querySelector('.lastName').style.borderBottom = '1px solid red'    } else if (!/^\s+$/.test(lastName) || lastName !== null || lastName !== '') {        document.querySelector('.lastNameError').innerHTML = null        document.querySelector('.lastName').style.borderBottom = '1px solid #2ecc71'        lasttNameSubmit = true    } 我只是想知道是否有解決前端和后端表單驗證的方法，或者使用 preventDefault 或者我是否需要以不同的方式處理這個概念，如果是這樣，如何？提前致謝！