获取输入框的值

<input type="text" id="inputBox">
<button onclick="checkInput()">检查输入框</button>

<script>
    function checkInput() {
        let inputBox = document.getElementById("inputBox");
        let inputValue = inputBox.value;
        console.log(inputValue);
    }
</script>

if语句判断是否为空

  <input type="text" id="inputBox">
    <button onclick="checkInput()">检查输入框</button>

    <script>
        function checkInput() {
            let inputBox = document.getElementById("inputBox");
            let inputValue = inputBox.value;

            let pattern = /^\s*$/;
            if(pattern.test(inputValue)) {
                alert("请输入内容！");
            }
        }
    </script>

正则表达式判断是否为空

 <input type="text" id="inputBox">
    <button onclick="checkInput()">检查输入框</button>

    <script>
        function checkInput() {
            let inputBox = document.getElementById("inputBox");
            let inputValue = inputBox.value;

            let pattern = /^\s*$/;
            if(pattern.test(inputValue)) {
                alert("请输入内容！");
            }
        }
    </script>

trim方法去掉空格后判断是否为空

<input type="text" id="inputBox">
    <button onclick="checkInput()">检查输入框</button>

    <script>
        function checkInput() {
            let inputBox = document.getElementById("inputBox");
            let inputValue = inputBox.value.trim();

            if(inputValue === "") {
                alert("请输入内容！");
            }
        }
    </script>

转载：
如何用JavaScript判断输入框是否为空_笔记大全_设计学院
https://www.fke6.com/html/78817.html