在前端開發中,表單驗證是非常重要的一環。jQuery表單驗證插件可以幫助我們快速地驗證表單數據的正確性。下面是一個必選項驗證的代碼示例:
$(function () { // 監聽表單提交事件 $('form').submit(function () { // 獲取輸入框的值 var username = $('input[name="username"]').val(); var password = $('input[name="password"]').val(); var email = $('input[name="email"]').val(); // 空值驗證 && 數據格式驗證 if (username === '' || password === '' || email === '') { alert('請正確填寫必選項'); return false; } // 郵箱格式驗證 var emailRegex = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; if (!emailRegex.test(email)) { alert('請輸入合法的郵箱地址'); return false; } }); });
以上代碼使用了jQuery的選擇器獲取了表單中用戶名、密碼和郵箱的輸入框的值,并進行了空值驗證和郵箱格式驗證。如果輸入框中有任意一個必填項為空或者郵箱格式不正確,程序就會提示用戶重新填寫。