在網頁開發中，表單驗證是非常重要的一項功能。jQuery 是一個流行的 JavaScript 庫，它可以簡化 DOM 操作、處理事件、動畫效果等。Bootstrap 是一個 CSS 框架，提供了很多樣式和組件，可以使我們的頁面更具美感和易用性。

通過 jQuery 和 Bootstrap，我們可以很方便地實現表單驗證。我們可以在表單中添加一些屬性，如 required、pattern、min、max 等，然后在 JavaScript 文件中引入 jQuery 和 Bootstrap 的相關文件，并編寫驗證代碼。

<form>
<div class="form-group">
<label for="username">用戶名</label>
<input type="text" class="form-control" name="username" id="username" required pattern="\w{5,10}">
<div class="invalid-feedback">請輸入5-10位字母、數字或下劃線</div>
</div>
<div class="form-group">
<label for="password">密碼</label>
<input type="password" class="form-control" name="password" id="password" required minlength="6" maxlength="12">
<div class="invalid-feedback">請輸入6-12位字符</div>
</div>
<input type="submit" class="btn btn-primary" value="提交">
</form>
<!-- 引入 jQuery 和 Bootstrap 的相關文件 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- 驗證代碼 -->
<script>
// 阻止表單默認提交事件
$('form').submit(function(event) {
event.preventDefault();
});
$('form').addClass('was-validated');
</script>

在上述代碼中，我們利用 Bootstrap 提供的樣式，將輸入框的邊框和提示信息樣式設置為紅色，以提醒用戶輸入不合法。我們還利用了 jQuery 的事件處理函數和選擇器，針對表單的提交事件和表單元素選擇器，編寫了驗證代碼。當用戶提交表單時，我們使用 event.preventDefault() 函數，阻止了表單的默認提交事件。然后，我們又使用表單添加 'was-validated' 樣式，以啟用 Bootstrap 的表單驗證樣式。

綜上所述，利用 jQuery 和 Bootstrap 驗證表單非常方便，并且具有很好的易用性和美觀性。只需簡單地添加一些屬性和引入相關文件，并編寫簡單的驗證代碼，就可以輕松地完成表單驗證。