在網站開發中，我們常常需要驗證用戶輸入的數據是否合法。其中，郵箱驗證是其中非常重要的一部分。在本文中，我們將通過 jQuery 實現郵箱驗證并阻止提交。

首先，我們需要在 HTML 中創建一個表單，并為其添加一個提交按鈕：

<form id="email-form">
<label for="email">郵箱地址:</label>
<input type="email" id="email" name="email">
<button type="submit">提交</button>
</form>

接下來，在 JavaScript 中使用 jQuery 捕獲表單提交事件，以便驗證用戶輸入的郵箱地址是否合法。

$('#email-form').submit(function(event) {
// 阻止表單的默認提交行為
event.preventDefault();
// 獲取用戶輸入的郵箱地址
var email = $('#email').val();
// 郵箱地址正則表達式
var pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
// 如果郵箱地址不合法，則顯示錯誤提示信息
if (!pattern.test(email)) {
alert('請輸入正確的郵箱地址！');
return;
}
// 如果郵箱地址合法，則可以進行提交操作
// TODO: 在這里加入提交代碼
});

在上述代碼中，我們首先使用 preventDefault() 方法阻止表單的默認提交行為。接著，通過 val() 方法獲取用戶輸入的郵箱地址，并使用正則表達式驗證其是否合法。如果郵箱地址不合法，則彈出錯誤提示信息，同時返回，不進行提交操作。

最后，如果郵箱地址合法，則可以進行定制的提交操作，例如 AJAX 請求等。

通過上述步驟，我們已經實現了基本的郵箱驗證并阻止提交。當然，在實際的開發中，還需要根據實際情況進行優化和改進。希望本文對您有所幫助！