Question

我正在尝试用jQuery检查输入是否为空，但代码不起作用。

这就是代码：

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="demo.js"></script>
    </head>

    <body>
        <form>
            <input type="text" id="name">
            <input type="submit" id="btnConnect">
        </form>
    </body>
</html>

$('#btnConnect').click(function()
{
    if($('#name').val() == '')
    {
        alert('Input is empty!');
    }
});

Answer 1

您的问题有两个简单的解决方案。基本上，您在页面的其余部分加载之前调用脚本。您的脚本会尝试附加到lab，但尚未存在。

1）。 使用#btnConnect或document.ready。该脚本仅在整个页面加载后执行，因此它应该按照您的意思运行。

2）。 将window.onload文件放在文档底部，就在结束JS标记之前。大多数程序员选择将body放在页面底部，因为如果您有大型脚本，则用户会看到一个空白页面，直到他们加载。它工作得很好，因为在用户开始与网站交互之前，大部分时间都不需要JS。它还支持渐进式渲染。

有关更好的JS实践，请查看：

JSTheRightWay.org

希望这有帮助！

检查空输入不起作用

1 个答案: