在Web開發中,表單數據的提交是非常常見的操作。而表單數據的提交常常需要驗證數據是否為空,如果為空就需要給出相應的提示信息,才能讓用戶重新填寫并提交。jQuery是一款非常強大的JavaScript庫,在表單數據驗證方面也提供了很多方便的方法。以下就是一些通過jQuery來設置表單不能為空的示例代碼。
$(function(){ //獲取表單元素 var inputName = $('input[name="name"]'), inputAge = $('input[name="age"]'), inputEmail = $('input[name="email"]'), inputPhone = $('input[name="phone"]'); //設置表單提交事件 $('form').submit(function(){ //獲取表單值 var name = inputName.val(), age = inputAge.val(), email = inputEmail.val(), phone = inputPhone.val(); //判斷是否為空 if(name === ''){ alert('姓名不能為空'); return false; } if(age === ''){ alert('年齡不能為空'); return false; } if(email === ''){ alert('郵箱不能為空'); return false; } if(phone === ''){ alert('電話不能為空'); return false; } }); });
以上代碼解釋:首先獲取表單元素,然后給表單設置提交事件。在提交事件中,獲取表單數據的值并判斷是否為空,如果為空則彈出提示框,并返回false阻止表單提交。這樣就可以通過jQuery非常方便地實現表單不能為空的驗證了。
上一篇div 使用多個css
下一篇div 字顏色