使用JQuery，如何检查至少一个文本框是否为空？

听起来很简单，但这让我感到悲伤：

我试过这个：

function validateAddress() {

    if (!($('<%=txtPlaceName.ClientID%>').val() === "")
         || !($('<%=txtStreet.ClientID%>').val() === "")
         || !($('<%=txtAddress.ClientID%>').val() === "")
         || !($('<%=txtPostcode.ClientID%>').val() === "")) {

        return true;
    }

    return false;
}

函数validateAddress（）{
如果（！（$（''）.val（）=“”）
||！（$（''）.val（）=“”）
||！（$（''）.val（）=“”）
||！（$（''）.val（）{
返回true；
}
返回false；
}

这是：

function validateAddress() {

    if ($('<%=txtPlaceName.ClientID%>').val().length > 0
         || $('<%=txtStreet.ClientID%>').val().length > 0
         || $('<%=txtAddress.ClientID%>').val().length > 0
         || $('<%=txtPostcode.ClientID%>').val().length > 0) {

        return true;
    }

    return false;
}

函数validateAddress（）{
如果（$（''）.val（）.length>0
||$（''）.val（）长度>0
||$（''）.val（）长度>0
||$（''）.val（）.length>0）{
返回true；
}
返回false；
}

---

但是这两种方法似乎都不起作用，我做得对吗？

看起来您的jquery ID选择器中缺少了“#”。试试这个：

if ($('#<%=txtPlaceName.ClientID%>').val().length > 0 
     || $('#<%=txtStreet.ClientID%>').val().length > 0 
     || $('#<%=txtAddress.ClientID%>').val().length > 0 
     || $('#<%=txtPostcode.ClientID%>').val().length > 0) { 

if（$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0）{

您的jquery ID选择器中似乎缺少“#”。请尝试以下操作：

if ($('#<%=txtPlaceName.ClientID%>').val().length > 0 
     || $('#<%=txtStreet.ClientID%>').val().length > 0 
     || $('#<%=txtAddress.ClientID%>').val().length > 0 
     || $('#<%=txtPostcode.ClientID%>').val().length > 0) { 

if（$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0）{

您忘记了按id选择内容的哈希标记。请尝试：

function validateAddress() {

    if ($('#<%=txtPlaceName.ClientID%>').val().length > 0
         || $('#<%=txtStreet.ClientID%>').val().length > 0
         || $('#<%=txtAddress.ClientID%>').val().length > 0
         || $('#<%=txtPostcode.ClientID%>').val().length > 0) {

        return true;
    }

    return false;
}

函数validateAddress（）{
如果（$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0）{
返回true；
}
返回false；
}

您忘记了按id选择内容的哈希标记。请尝试：

function validateAddress() {

    if ($('#<%=txtPlaceName.ClientID%>').val().length > 0
         || $('#<%=txtStreet.ClientID%>').val().length > 0
         || $('#<%=txtAddress.ClientID%>').val().length > 0
         || $('#<%=txtPostcode.ClientID%>').val().length > 0) {

        return true;
    }

    return false;
}

函数validateAddress（）{
如果（$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0
||$（'#'）.val（）.length>0）{
返回true；
}
返回false；
}

当您检查元素的ID时，是否将其添加到元素的ID中，换句话说，是生成的文本，如下所示：

$('#IDOfElement').val()

$('#<%=txtPlaceName.ClientID%>').val().length

您是否在检查元素ID时将#添加到元素ID，换句话说，生成的文本是否如下所示：

$('#IDOfElement').val()

$('#<%=txtPlaceName.ClientID%>').val().length

对于a，您需要一个

#

，如下所示：

$('#IDOfElement').val()

$('#<%=txtPlaceName.ClientID%>').val().length

对于a，您需要一个

#

，如下所示：

$('#IDOfElement').val()

$('#<%=txtPlaceName.ClientID%>').val().length

---

我一直在使用类对功能进行分组，因此对于您的示例，为每个元素提供一个地址类，那么您的函数将是：

function validateAddress() {
  $('.address').each(function() {
    if ($(this).val().length > 0) {
      return true;
    }
  }
  return false;
}

---

我一直在使用类对功能进行分组，因此对于您的示例，为每个元素提供一个地址类，那么您的函数将是：

function validateAddress() {
  $('.address').each(function() {
    if ($(this).val().length > 0) {
      return true;
    }
  }
  return false;
}

---

案例结束后，我似乎忘记了很多！谢谢！@SLC-虽然这确实解决了问题，但你可以让你的生活更轻松，使用类查看我的替代方案。你也可以使用此方法将所有代码移到页面之外。@Nick-虽然你的想法看起来更整洁，但在编写页面并将其传递给用户时，类确实应该用于CSS设计团队他们可能会把事情搞砸！案例结束了，我似乎忘记了很多！谢谢！@SLC-虽然这确实解决了问题，但你可以让你的生活更轻松，使用类查看我的备选方案。你也可以使用此方法将所有代码移到页面之外。@Nick-虽然你的想法看起来更整洁，但类确实应该用于CSS，当页面被写入并传递给设计团队，他们可能会把事情搞砸！为什么要在if中使用多个条件？为什么不选择页面上的所有文本区域并使用。如果任何长度>0，则每个迭代页面都会返回true？为什么要在if中使用多个条件？为什么不选择页面上的所有文本区域并使用。每个到iter如果任何长度>0，ate over thes返回true？谢谢你清理这些。每当程序员毫无意义地反刍某些东西时，上帝就会杀死一只小猫。与其使用CSS类，还可以使用HTML5 Web Forms 2.0属性“必需”，它在语义上更正确，将来更兼容谢谢你清理它。每当程序员毫无意义地反刍某些东西时，上帝就会杀死一只小猫。与使用CSS类不同，你也可以使用HTML5 Web Forms 2.0属性“required”，它在语义上更正确，将来更兼容