如何使用jquery仅遍历表单中的文本框元素

Question

单击按钮时,我有一个包含4个文本字段的表单,我们应该看到至少有一个文本字段应该包含值,表单应该提交,表单中还包含按钮输入类型.我只想要文本框字段值

$("#mybutton").click(function(){

$(":input").each(function(){
  if($(this).value!=''){
    $("#myform").submit();

 }

});
});

Answer 1

您可以使用:text选择器,.filter()直到具有值的选项并检查.length,如下所示:

$("#mybutton").click(function(){
  if($(":text").filter(function(){ return this.value!=''; }).length)
    $("#myform").submit();
});

此检查,如果任何不为空,如果是这样的话,提交表单一次.

这里有一个替代方案,检查<form>提交,赞美道格的评论:

$("#myform").submit(function(){
  if(!$(":text").filter(function(){ return this.value!=''; }).length)
    return false;
});