jqueryの入力値からスペースを削除する方法-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2021-11-25 12:02:58

オリジナル

3102 人が閲覧しました

入力値からスペースを削除する 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の入力値からスペースを削除する方法