判断input框是否为空

Posted 呀,西蓝花

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断input框是否为空相关的知识,希望对你有一定的参考价值。

需求:

  当input框失去焦点时:判断,如果输入框内容为空则获取焦点;否则弹出输入框的内容。

<!DOCTYPE html>
<html>
<head>
    <title>判断input是否为空</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    输入框:<input type="text" name="shurukuang" id="inputbox">
    <script type="text/javascript">
        // 输入框失去焦点时:判断  
        // 如果输入框内容为空则获取焦点;
        // 如果输入框内容不为空则弹出输入框的内容
        $(function () {
            $(‘#inputbox‘).blur(function(event) {
                if ($(this).val()==‘‘) {
                    $(this).focus();
                }else{
                    alert($(this).val());
                }
            });
        })
    </script>
</body>
</html>

 

以上是关于判断input框是否为空的主要内容,如果未能解决你的问题,请参考以下文章

求助一个js搜索问题,如何判断多个输入框是不是为空

jQuery的val( )方法

微信小程序判断input是否为空

js怎样判断文本框输入的全是回车,如果全是回车提示为空

点击button触发onclick事件判空后依旧自动跳转

input框遍历是否为空