JQuery表單驗證彈出層是一種基于JQuery框架的表單驗證插件，它能夠幫助Web開發者快速、方便地對頁面表單進行驗證。如果有一些不符合要求的輸入，彈出層會提示用戶進行修改。以下是一個驗證用戶名、密碼和郵箱的例子：

$(document).ready(function() {
$("#submit").click(function(e){ // 點擊“提交”按鈕
e.preventDefault();
var name = $("#name").val(); // 獲取用戶名輸入框的值
var pwd = $("#password").val(); // 獲取密碼輸入框的值
var email = $("#email").val(); // 獲取郵箱輸入框的值
// 定義各種驗證規則
var nameRegex = /^[A-Za-z0-9]{6,20}$/;
var pwdRegex = /^[A-Za-z0-9!@#$%^&*()_]{6,20}$/;
var emailRegex = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+$/;
// 驗證用戶名是否符合規則，如果不符合則彈出提示框
if(!nameRegex.test(name)) {
$("#name").focus(); // 聚焦到用戶名輸入框
$(".error").html("用戶名必須由6-20位字母或數字組成").show();
}
// 驗證密碼是否符合規則，如果不符合則彈出提示框
else if(!pwdRegex.test(pwd)) {
$("#password").focus(); // 聚焦到密碼輸入框
$(".error").html("密碼必須由6-20位字母、數字或特殊字符（!@#$%^&*()_）組成").show();
}
// 驗證郵箱是否符合規則，如果不符合則彈出提示框
else if(!emailRegex.test(email)) {
$("#email").focus(); // 聚焦到郵箱輸入框
$(".error").html("郵箱格式不正確，請重新輸入").show();
}
// 如果驗證全部通過，彈出提交成功提示框
else {
$(".success").html("表單提交成功！").show();
}
});
});

在這個例子中，我們使用了正則表達式來定義各種驗證規則。如果輸入不符合規則，則彈出層會提示相應的錯誤信息。在彈出層的樣式方面，我們可以使用CSS來定義它的樣式。

使用JQuery表單驗證彈出層，可以讓我們輕松地實現表單驗證的功能，并提高用戶體驗。希望這篇文章能對您有所幫助！