javascript - 使用 jquery 检查多个文本区域字段的值，然后执行函数

Question

基本上我想要完成的是我想检查页面上的多个动态表单。然后，如果所有文本区域均为空或具有默认值，则执行一个函数。否则，如果其中任何一个不为空且没有默认值，则取消该功能。

我知道如何获取 div/表单的总数或浏览每个表单。就是无法组合起来。我希望它在做任何事情之前先检查它们。

if (jQuery("div[id^='statuscontainer_']:last").length == 0){

}

我认为这不会完全满足我需要做的事情。或者我不确定如何将其形成我需要的功能。 谢谢

Answer 1

你可以采取这种方法

1. 为每个输入指定一个类似的类，在我的示例中为 inputBox

2. 创建一个脚本来添加每个 inputBox 长度的总和。如果总数 == 0，则采取任何方法，否则继续执行脚本

   $('#show').click(function() {
       var total = 0;
       $('.inputBox').each(function() {
           total += this.value.length;
       });
       if (total == 0) {
           // Do whatever if it's empty
       } else {
           // Do whatever if its not
       }
   });
   

3. ???
4. 利润

尝试一下

http://jsfiddle.net/kLnHC/

编辑

不过，在您的应用程序中，您可能希望将触发它的事件更改为 $('#yourForm').submit(function() { 而不是点击函数。