jQuery 「ユーティリティ」文字列の前後からホワイトスペースを除去する

文字列の前後から、スペース、タブ文字を除去します。改行コードは除去されません。例えば、メールアドレス等のご入力を防ぎたい、ログインIDやパスワードの入力をアシストしたい、といったときに利用できる便利なメソッドです。

書式

jQuery.trim(文字列)
$.trim(文字列)
str = jQuery.trim(str);
str = $.trim(str);

サンプル

文字列の前後から不要なホワイトスペースを除去する

 <body>
    <div class="main">
      <div class="header">
        <h1> サンプル </h1>
      </div>
      <div class="content">
        <form>
          文章入力<br>
          <textarea id="paragraph"></textarea><br>
          結果<br>
          <textarea id="result"></textarea>
          <button class="button" type="button" name="button">Trim</button>
        </form>
        <div class="desc"></div>
      </div>
      <div class="footer">
        <hr>
        <p class="copyright">2024 xxxx all rights reserved.</p>
      </div>
    </div>
    <script>
      $(document).ready(function(){
        $('button').on('click', function(){
          $('#result').val($.trim($('#paragraph').val()));
        });
      });
    </script>
    </body>
実行結果
実行結果