jquery怎麼實現輸入框內容不能為空
- 青灯夜游原創
- 2022-04-28 15:22:333569瀏覽
實作方法：1、用blur()為輸入框新增失去焦點事件，並設定事件處理函數；2、在函數中，用val()取得輸入框的內容，並以「內容== ""」語句來判斷輸入框的內容是否為空；3、如果為空，則以「alert("輸入框不能為空");」語句進行提示。
本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery實作輸入框內容不能為空功能
#實作想法：
- ##當輸入當框失去焦點時，取得輸入框的內容
- 判斷輸入框內容是否為空，若為空則彈出警告框，提醒內容不能為空
- 使用 blur() 方法為輸入方塊新增失去焦點事件，並設定事件處理函數;
- 在處理函數中，使用val()取得輸入框的內容
- 判斷輸入框的內容是否為空字元
- 如果是則alert()進行提示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("input").blur(function() {
var t=$("input").val();
if(t==""){
alert("输入框不能为空");
}
});
});
</script>
</head>
<body>
<input type="text" />
</body>
</html>
以上是jquery怎麼實現輸入框內容不能為空的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css3支援哪些瀏覽器內核下一篇：css3支援哪些瀏覽器內核