在前端開發中，表單提交是非常常見的操作。在JavaScript中，我們可以通過表單提交事件來進行監聽和處理。通過表單提交事件，我們能夠獲取表單中的數據，并向后端服務器發送請求。

舉個例子，假設我們有一個登錄框，用戶輸入用戶名和密碼之后點擊“登錄”按鈕，系統會將這兩個字段值發送給后臺進行驗證，如果驗證成功就會跳轉到主界面。這個登錄框就是一個典型的表單，而這個登錄過程中，表單提交事件扮演著重要角色。

const loginForm = document.getElementById('login-form');
loginForm.addEventListener('submit', function(event) {
event.preventDefault(); // 防止表單自動提交
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
// 發送Ajax請求給后臺進行驗證
ajax({
url: '/login',
method: 'POST',
data: {
username: username,
password: password
},
success: function(response) {
if (response.status === 'ok') {
alert('登錄成功！');
window.location.href = '/main'; // 跳到主界面
} else {
alert(response.message);
}
},
error: function() {
alert('出錯了，請稍后再試！');
}
});
});

上面的代碼演示了如何監聽一個表單提交事件，并發送Ajax請求到后臺進行驗證。需要注意的是，我們通過event.preventDefault()來阻止表單的默認提交行為，這樣就可以自己掌控提交過程，而不是交給瀏覽器來處理。

除了上面的例子之外，表單提交事件還可以用于各種場合，例如注冊、評論等操作。對于常規的表單提交來說，我們只需要監聽submit事件，并防止默認提交行為即可。而對于一些特殊情況，比如利用ajax進行提交、提交前的數據驗證等，我們則需要在事件處理函數中進行相應的邏輯處理。

總之，表單提交事件是JavaScript中的常見操作之一，掌握好它將有助于前端開發工作的順利進行。