TECHTOGOU

javascript - 在 jquery 中检查某些输入类型文件是否为空的更好方法?

coder 2024-05-16 原文

我知道这是一个简单的问题,但我需要有经验的人的建议。

我有 3 个输入类型文件,例如:

<input type="file" name="1-files" />
<input type="file" name="2-files" />
<input type="file" name="3-files" />

我选择名称以“-files”结尾的所有输入(在我的页面上我还有其他输入类型文件)(我在 Google Chrome 控制台中写的):

$("input[type='file'][name*='-files']").length

好的。我使用 1-files 输入选择一个文件。之后,我在 Google Chrome 控制台中运行以下代码:

$("input[type='file'][name*='-files']:empty").length

我希望是 2 但出现了 3

你能告诉我为什么吗?

我想获取输入类型文件中所有值为空的元素。我简短地使用了选择器 :empty 但它似乎无法正常工作。

当然可以用

var empty_count = 0;
$.each($("input[type='file'][name*='-files']"), function(k, v){
  if($(this).val() === '')
     empty_count++;
});

但我想要最短的方法来做到这一点,而不需要 $.each

谢谢

最佳答案

它匹配三个因为 :empty 匹配一个没有后代的元素,并且输入元素根据定义不能有后代(所以都是空的,因此匹配 :empty 选择器)。

要找到那些没有选定文件的元素,我建议:

$("input[type='file'][name*='-files']").filter(function (){
    return !this.value
}).length;

引用资料:

关于javascript - 在 jquery 中检查某些输入类型文件是否为空的更好方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17044211/

有关javascript - 在 jquery 中检查某些输入类型文件是否为空的更好方法?的更多相关文章

  1. javascript - 是否存在免费的通用 ASN.1 解码/转储/检查程序? - 2

    是否存在免费的通用ASN.1解码/转储/检查程序?我有一个可疑的ASN.1block,它可能解密失败,我想检查它以查看它是否有效,如果有效,它包含哪些元素。 最佳答案 我还使用了dumpasn1并取得了好几年的成功),然后我决定在屏幕上查看200行长的嵌套标签有点难以理解并且想要更动态的东西,所以我可以折叠树的一部分以及类似的东西。这就是我试图用我自己的asn1js创造的东西客户端javascriptASN.1解码器。它也是开源的,并使用dumpasn1巨大的“已知OID”配置文件。不尝试检测所有ASN.1格式错误,仅检测无法解码的

  2. javascript - 是否可以使用 JavaScript 从 Flash applet 拖放至外部? - 2

    假设我想要一个包含Flash小程序的网页,并且我想将一些对象拖放到网页的其余部分或拖放到该网页的其余部分,这完全可能吗?如果您知道某个网站可以做到这一点,那就加分了! 最佳答案 这个让我很感兴趣。我知道jessegavin在我去解决这个问题时发布了一些代码,但是这个代码已经过测试。我有一个super简单的工作示例,可让您在Flash之间拖动。很乱,因为我在午休时间把它放在一起。这是demo还有source基类直接取自ExternalInterfaceLiveDocs.我添加了MyButton以便按钮可以有一些文本。大多数javasc

  3. javascript - JS ES6 中 ()=> 和 _=> 和 (_)=> 的区别 - 2

    这个问题在这里已经有了答案:ESCMAScript6arrowfunctions-parenthesesaroundparameter(1个回答)Using_(underscore)variablewitharrowfunctionsinES6/Typescript(4个答案)关闭去年。我注意到,当我想编写一个粗箭头函数“=>”时,我可以执行_=>、()=>或者(_)=>和我的代码功能相同(至少对于我的用例而言)它们之间有实际区别吗?如果是,我应该使用哪一个?我一直在使用()=>的时间,但后来有一天我看到某人使用_=>的代码,我觉得它看起来很酷,所以我也开始使用它。我看到这篇中篇文章h

  4. javascript - 我尝试比较具有多个字符的拆分字符串 - 2

    varinput='HISFANTOR';varoutput=[];varchar=input.split('');for(vari=0,len=char.length;i<len;i++){if(char[i]=='H'||'K'||'Y'||'V'||'B'||'C'||'N'||'O'||'F'||'P'||'S'||'I'||'U'){

  5. javascript - react Hook : dispatch action from useEffect - 2

    我的文件夹结构:|--App|--Components|--PageA.js|--PageB.js|--PageC.js|--common-effects|--useFetching.js我正在重构我的代码以使用Reacthooks从API获取数据.我想从useFetching.js中的useEffect发送一个被saga中间件拦截的Action。仅当组件(PageA、PageB、PageC)挂载时才应分派(dispatch)此操作。我正在使用redux、react-redux和redux-saga。PageA.js:function(props){useFetching(action

  6. javascript - 为什么两个不同的键在一个对象中相互覆盖? - 2

    我分配了以下三个变量:consta={key:true}constb={key:false}constc={[a]:'1',[b]:'2'}然后当我尝试将以下内容记录到控制台时:console.log(c[a],c[b])我得到了以下信息:22当我认为我应该得到:12为什么我错了,我该如何解决? 最佳答案 对象只能有字符串(或符号)作为它们的键。如果您尝试使用非字符串,它会被转换为字符串。所以当你设置c[a]为1时,a是一个对象,这意味着它需要被转换成一个字符串。所以你最终将c["[objectObj

  7. javascript - 如何将 math.max 缩减为对象数组 - 2

    我有一个对象数组。我想从数组的数字属性中获取最大值:[{number:1000,name:"Josh"},{number:2000,name:"Joker"},{number:3000,name:"Batman"}]我正在使用此解决方案,但我一直收到NAN:constmax=arr.reduce((a,b)=>Math.max(a.number,b.number));我的目标是获取最大值,然后将其存储在变量中constx={number:3000,name:"Batman"}我如何通过reduce实现它?它似乎只适用

  8. javascript - 使用函数式编程复制数组的元素 - 2

    我正在尝试复制数组中的每个元素,但使用的是函数式样式。我目前有这个:["a","b","c"]我得到这个:["a","a","b","b","c","c"]到目前为止,我已经尝试了以下方法,将每个元素映射到一个数组,然后使用flat()获取一维数组。有没有更干净的方法,因为感觉我在滥用map和flat。["a","b","c"].map(item=>[item,item]).flat();有

  9. javascript - 如何在 React 中使用钩子(Hook)绑定(bind)函数? - 2

    基本上我们在构造函数中绑定(bind)事件处理函数,或者像下面这样在React类组件中将它们作为箭头函数classTestextendsComponent{constructor(props){super(props);this.state={count:0};this.setCount=this.setCount.bind(this);}setCount(){this.setState({count:this.state.count+1});}render(){return<buttononClick={this.setCount}>Increase</button

  10. javascript - 无法使用 webpack 缩小 css 代码 - 2

    网络包版本:4.16.3全部编译成功。我在bundle.css中编译后的代码不是minify。我尝试在text-webpack-plugin中使用minimize:true,但它不起作用。对于编译,我在命令行中使用命令:webpack在我的工作目录中我做错了什么?我的wepback配置:'usestrict'constwebpack=require("webpack");constExtractTextPlugin=require('extract-text-webpack-plugin')module.exports={context:

随机推荐

  1. javascript - 是否存在免费的通用 ASN.1 解码/转储/检查程序? - 2

    是否存在免费的通用ASN.1解码/转储/检查程序?我有一个可疑的ASN.1block,它可能解密失败,我想检查它以查看它是否有效,如果有效,它包含哪些元素。 最佳答案 我还使用了dumpasn1并取得了好几年的成功),然后我决定在屏幕上查看200行长的嵌套标签有点难以理解并且想要更动态的东西,所以我可以折叠树的一部分以及类似的东西。这就是我试图用我自己的asn1js创造的东西客户端javascriptASN.1解码器。它也是开源的,并使用dumpasn1巨大的“已知OID”配置文件。不尝试检测所有ASN.1格式错误,仅检测无法解码的

  2. javascript - 是否可以使用 JavaScript 从 Flash applet 拖放至外部? - 2

    假设我想要一个包含Flash小程序的网页,并且我想将一些对象拖放到网页的其余部分或拖放到该网页的其余部分,这完全可能吗?如果您知道某个网站可以做到这一点,那就加分了! 最佳答案 这个让我很感兴趣。我知道jessegavin在我去解决这个问题时发布了一些代码,但是这个代码已经过测试。我有一个super简单的工作示例,可让您在Flash之间拖动。很乱,因为我在午休时间把它放在一起。这是demo还有source基类直接取自ExternalInterfaceLiveDocs.我添加了MyButton以便按钮可以有一些文本。大多数javasc

  3. javascript - JS ES6 中 ()=> 和 _=> 和 (_)=> 的区别 - 2

    这个问题在这里已经有了答案:ESCMAScript6arrowfunctions-parenthesesaroundparameter(1个回答)Using_(underscore)variablewitharrowfunctionsinES6/Typescript(4个答案)关闭去年。我注意到,当我想编写一个粗箭头函数“=>”时,我可以执行_=>、()=>或者(_)=>和我的代码功能相同(至少对于我的用例而言)它们之间有实际区别吗?如果是,我应该使用哪一个?我一直在使用()=>的时间,但后来有一天我看到某人使用_=>的代码,我觉得它看起来很酷,所以我也开始使用它。我看到这篇中篇文章h

  4. javascript - 我尝试比较具有多个字符的拆分字符串 - 2

    varinput='HISFANTOR';varoutput=[];varchar=input.split('');for(vari=0,len=char.length;i<len;i++){if(char[i]=='H'||'K'||'Y'||'V'||'B'||'C'||'N'||'O'||'F'||'P'||'S'||'I'||'U'){

  5. javascript - react Hook : dispatch action from useEffect - 2

    我的文件夹结构:|--App|--Components|--PageA.js|--PageB.js|--PageC.js|--common-effects|--useFetching.js我正在重构我的代码以使用Reacthooks从API获取数据.我想从useFetching.js中的useEffect发送一个被saga中间件拦截的Action。仅当组件(PageA、PageB、PageC)挂载时才应分派(dispatch)此操作。我正在使用redux、react-redux和redux-saga。PageA.js:function(props){useFetching(action

  6. javascript - 为什么两个不同的键在一个对象中相互覆盖? - 2

    我分配了以下三个变量:consta={key:true}constb={key:false}constc={[a]:'1',[b]:'2'}然后当我尝试将以下内容记录到控制台时:console.log(c[a],c[b])我得到了以下信息:22当我认为我应该得到:12为什么我错了,我该如何解决? 最佳答案 对象只能有字符串(或符号)作为它们的键。如果您尝试使用非字符串,它会被转换为字符串。所以当你设置c[a]为1时,a是一个对象,这意味着它需要被转换成一个字符串。所以你最终将c["[objectObj

  7. javascript - 如何将 math.max 缩减为对象数组 - 2

    我有一个对象数组。我想从数组的数字属性中获取最大值:[{number:1000,name:"Josh"},{number:2000,name:"Joker"},{number:3000,name:"Batman"}]我正在使用此解决方案,但我一直收到NAN:constmax=arr.reduce((a,b)=>Math.max(a.number,b.number));我的目标是获取最大值,然后将其存储在变量中constx={number:3000,name:"Batman"}我如何通过reduce实现它?它似乎只适用

  8. javascript - 使用函数式编程复制数组的元素 - 2

    我正在尝试复制数组中的每个元素,但使用的是函数式样式。我目前有这个:["a","b","c"]我得到这个:["a","a","b","b","c","c"]到目前为止,我已经尝试了以下方法,将每个元素映射到一个数组,然后使用flat()获取一维数组。有没有更干净的方法,因为感觉我在滥用map和flat。["a","b","c"].map(item=>[item,item]).flat();有

  9. javascript - 如何在 React 中使用钩子(Hook)绑定(bind)函数? - 2

    基本上我们在构造函数中绑定(bind)事件处理函数,或者像下面这样在React类组件中将它们作为箭头函数classTestextendsComponent{constructor(props){super(props);this.state={count:0};this.setCount=this.setCount.bind(this);}setCount(){this.setState({count:this.state.count+1});}render(){return<buttononClick={this.setCount}>Increase</button

  10. javascript - 无法使用 webpack 缩小 css 代码 - 2

    网络包版本:4.16.3全部编译成功。我在bundle.css中编译后的代码不是minify。我尝试在text-webpack-plugin中使用minimize:true,但它不起作用。对于编译,我在命令行中使用命令:webpack在我的工作目录中我做错了什么?我的wepback配置:'usestrict'constwebpack=require("webpack");constExtractTextPlugin=require('extract-text-webpack-plugin')module.exports={context: