More than 1 year has passed since last update.

JavaScriptで空白や改行のみの場合も空文字判定する方法

Last updated at 2022-02-21Posted at 2020-01-15

textareaやinputタグで空文字判定をしたい場面があるかと思います。
その場合、下記の方法などで空文字判別を行うことができます。

HTML

<textarea id="text"></textarea>
<script>
  const text = document.getElementById('text')
</script>

JavaScript

text.value === ''
!text.value

しかし、これだと空白（スペース）や改行があった場合に空文字では無くなってしまいます。

その時は、matchメソッドを使うことで空白や改行があっても空文字判定が可能です。

!text.value.match(/\S/g))

\Sは空白文字（半角スペース、\t、\n、\r、\f）以外全てのことです。

!text.value || !text.value.match(/\S/g)

!text.valueと組み合わせることで、何も入力されていない時や空白や改行のみの入力の場合など合わせて空文字判定をおこなうことができます。