在web開發中,表單是最為常見的元素之一。在提交表單時,我們需要對表單中的輸入內容進行驗證,以保證數據的有效性。jQuery提供了非常便捷的方式來完成表單非空驗證。
// 表單提交事件 $('form').submit(function(e) { // 遍歷表單元素,檢查是否為空 $(this).find('input[type=text], input[type=password], textarea').each(function() { if (!$(this).val()) { // 如果為空,提示用戶并阻止表單提交 alert('請填寫完整的信息'); e.preventDefault(); return false; } }); });
以上代碼中,我們通過jQuery的選擇器選擇所有的文本框、密碼框和文本域,然后使用.each()方法遍歷每一個表單元素。如果發現該元素的值為空,就彈出提示框,阻止表單提交。
需要注意的是,這種簡單的非空驗證只能檢查輸入框中是否有文字,不能夠檢查輸入的文字是否合法或符合格式要求。在實際開發中,我們需要使用其他方法來完成更加復雜的驗證。
上一篇jquery表單元素屬性
下一篇div span 高度