ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryの入力値からスペースを削除する方法

jqueryの入力値からスペースを削除する方法

青灯夜游
青灯夜游オリジナル
2021-11-25 12:02:583133ブラウズ

入力値からスペースを削除する Jquery メソッド: 1. val() メソッドを使用して入力値を取得します (構文は "$("input").val()"; 2. トリムを使用します。 () メソッドでスペースを削除するには、「$.trim(入力値)」という構文を使用します。

jqueryの入力値からスペースを削除する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery が入力値からスペースを削除する方法

実装:

  • 最初の値を入力するには、val() メソッドを使用する必要があります: $("input").val()

  • 値を取得した後、次のことができます。値からスペースを削除するには、trim() メソッドを使用します。

実装コード:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					var value=$("input").val();
					$("input").val($.trim(value));
				});
			});
			</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<input type="text" value="  hello  "/><br><br>
		<button>去除input值的空格</button>

	</body>
</html>

jqueryの入力値からスペースを削除する方法

関連ビデオ チュートリアルの推奨事項:jQueryチュートリアル (ビデオ)

以上がjqueryの入力値からスペースを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。