在JS中有没有内置的方法来检查表单的任何元素是否有customValidity等于非空字符串？

在JavaScript中，可以使用HTML5的表单验证功能来检查表单元素是否为空。HTML5为表单元素提供了一些内置的验证属性和方法，其中包括checkValidity()方法和setCustomValidity()方法。

checkValidity()方法用于检查表单元素的有效性，如果表单元素的值符合验证规则，则返回true，否则返回false。该方法可以应用于任何表单元素，包括文本框、下拉框、复选框等。

setCustomValidity()方法用于设置自定义的验证消息。当表单元素的值不符合验证规则时，可以使用该方法设置自定义的错误消息。如果表单元素的值符合验证规则，则将自定义验证消息设置为空字符串。

以下是一个示例代码，演示如何使用checkValidity()方法和setCustomValidity()方法来检查表单元素是否为空：

<form>
  <input type="text" id="name" required>
  <button type="submit">Submit</button>
</form>

<script>
  const form = document.querySelector('form');
  const nameInput = document.querySelector('#name');

  form.addEventListener('submit', function(event) {
    event.preventDefault();

    if (nameInput.checkValidity()) {
      // 表单元素的值符合验证规则
      console.log('表单元素的值有效');
    } else {
      // 表单元素的值不符合验证规则
      console.log('表单元素的值无效');
    }
  });

  nameInput.addEventListener('invalid', function() {
    // 表单元素的值不符合验证规则时触发
    nameInput.setCustomValidity('请输入姓名');
  });

  nameInput.addEventListener('input', function() {
    // 表单元素的值发生变化时触发
    nameInput.setCustomValidity('');
  });
</script>

在上述示例中，required属性用于指定该输入框为必填项。当用户点击提交按钮时，会触发表单的提交事件。在提交事件的处理函数中，使用checkValidity()方法检查输入框的值是否有效。如果值有效，则输出"表单元素的值有效"，否则输出"表单元素的值无效"。

同时，通过监听输入框的invalid事件，可以在输入框的值不符合验证规则时触发相应的处理函数。在处理函数中，使用setCustomValidity()方法设置自定义的错误消息。当输入框的值发生变化时，通过监听input事件，可以清空自定义的错误消息。

需要注意的是，上述示例中没有提及具体的腾讯云产品和链接地址，因为与表单验证相关的功能通常不涉及云计算领域的特定产品。