在Web開發中,表單驗證是一個必不可少的功能。jQuery是一個流行的JavaScript庫,可以方便地實現表單驗證。本文將介紹如何使用jQuery驗證表單的必填項。
$(document).ready(function() { // 當表單提交時 $('form').submit(function() { // 獲取所有必填項的<input>元素 var requiredInputs = $('input[required]'); // 遍歷每個必填項 for (var i = 0; i < requiredInputs.length; i++) { // 如果該必填項的值為空字符串 if (!requiredInputs[i].value.trim()) { // 取消表單提交 alert('請填寫必填項'); return false; } } }); });
在上面的代碼中,我們使用jQuery選擇器選擇所有帶有“required”屬性的元素。然后,通過循環遍歷每個必填項,檢查其值是否為空字符串。如果是,則彈出一個警告框,并取消表單的提交。
以上代碼是最基本的表單驗證。您可以根據自己的需求擴展它,例如驗證電子郵件地址或密碼強度。
下一篇div lang屬性