色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery設置不能為空

李思齊1年前7瀏覽0評論

在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非常方便地實現表單不能為空的驗證了。