3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

JavaScript 未入力または改行・空白のみの場合に空文字判定

Last updated at Posted at 2022-05-22

用途

textarea などで空白や改行のみが入力された際に、空文字判定にしたい時に使用する。

方法

var hoge = $('#hoge').val(); // idがhogeのtextareaの値を取得
if (hoge.trim() === '') {
  // 未入力または改行・空白のみの場合の処理を書く
}

trim()
対象文字列の両端の空白(スペースやタブ、改行)を削除します。
(コメントでご指摘をいただき追記しました。)

Internet Explorer9未満のバージョンではtrimに対応していません。
他の書き方については下記をご覧ください。

空白や改行のみの場合に空文字判定

var hoge = $('#hoge').val(); // idがhogeのtextareaの値を取得
if (!hoge.match(/\S/g)) {
  // 改行・空白のみの場合の処理を書く
}

!hoge.match(/\S/g) で「改行・空白のみの場合に空文字判定」ができます。

何も入力されていない、または空白や改行のみの場合に空文字判定

var hoge = $('#hoge').val(); // idがhogeのtextareaの値を取得
if (hoge === "" || !hoge.match(/\S/g)) {
  // 未入力または改行・空白のみの場合の処理を書く
}

hoge === "" || !hoge.match(/\S/g) で「未入力または改行・空白のみの場合に空文字判定」ができます。

3
1
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?