jqueryで入力ボックスの内容を空にできないことを認識する方法-フロントエンドQ&A-php.cn

jqueryで入力ボックスの内容を空にできないことを認識する方法

青灯夜游

リリース： 2022-04-28 15:22:47

オリジナル

3599 人が閲覧しました

実装方法: 1. Blur() を使用して入力ボックスにフォーカス喪失イベントを追加し、イベント処理関数を設定します; 2. 関数内で val() を使用して入力の内容を取得しますボックスに入力し、「content==" ""」ステートメントを使用して入力ボックスの内容が空かどうかを確認します。 3. 空の場合は、「alert("入力ボックスを空にすることはできません");」ステートメントを使用して、プロンプト。

jqueryで入力ボックスの内容を空にできないことを認識する方法

このチュートリアルの動作環境: 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で入力ボックスの内容を空にできないことを認識する方法