首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery选择空文本输入

使用jQuery选择空文本输入
EN

Stack Overflow用户
提问于 2009-08-19 11:47:02
回答 8查看 111.3K关注 0票数 106

如何使用jQuery识别空文本框?如果可能的话,我想用选择器来做。另外,我必须选择id,因为在实际代码中,我不想选择所有的文本输入。

在我下面的两个代码示例中,第一个示例准确地显示了用户在文本框"txt2“中键入的值。第二个示例标识有一个空的textbox,但是如果您填充它,它仍然认为它是空的。为什么会这样呢?

仅仅使用选择器就可以做到这一点吗?

下面的代码报告文本框“txt2”中的值:

代码语言:javascript
复制
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#cmdSubmit').click(function() {
                    alert($('[id=txt2]').val());
                });             
            });
        </script>
    </head>
    <body>
        <form>
            <input type="text" name="txt1" id="txt1" value="123" /><br />
            <input type="text" name="txt2" id="txt2" value="" /><br />
            <input type="text" name="txt3" id="txt3" value="abc" /><br />
            <input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br />
        </form>
    </body>
</html>

此代码始终将文本框"txt2“报告为空:

代码语言:javascript
复制
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#cmdSubmit').click(function() {
                    if($('[id^=txt][value=""]').length > 0) {
                        if (!confirm("Are you sure you want to submit empty fields?")) {
                            if (event.preventDefault) {
                                event.preventDefault();
                            } else {
                                event.returnValue = false;
                            }
                        }
                    }
                });             
            });
        </script>
    </head>
    <body>
        <form>
            <input type="text" name="txt1" id="txt1" value="123" /><br />
            <input type="text" name="txt2" id="txt2" value="" /><br />
            <input type="text" name="txt3" id="txt3" value="abc" /><br />
            <input type="submit" name="cmdSubmit" id='cmdSubmit' value="Send" /><br />
        </form>
    </body>
</html>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1299424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档