each遍历所有input值判断是否为空

最新推荐文章于 2022-06-09 13:59:29 发布

原创最新推荐文章于 2022-06-09 13:59:29 发布 · 7.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#each #遍历

js 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用jQuery检查HTML页面中多个文本输入框值是否为空的方法，并提供了示例代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input的值</title>
    <style type="text/css">
        ul li{
            list-style: none;
            margin-top: .5rem;
        }
    </style>
</head>
<body>
    <ul>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="text" name=""></li>
        <li><input type="button" name="" value="判断值是否为空"></li>
    </ul>
</body>
<script type="text/javascript" src='jquery-1.8.2.min.js'></script>
<script type="text/javascript">
    $('li:last').on('click',function(){
        $('input[type=text]').each(function(){
            if ($(this).val()=='') {
                alert('为空')
            }else{
                var val = $(this).val()
                alert(val)
            }
        })
    })
</script>
</html>

 $(this).val()=='' 或者$(this).val().length==0  //都可以判断input的值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lily2016n

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jQuery中each遍历的三种方法实例分析

01-19

本文实例讲述了jQuery中each遍历的三种方法。分享给大家供大家参考，具体如下： 1、选择器+遍历 $('div').each(function (i){ //i就是索引值 //this 表示获取遍历每一个dom对象 }); 2、选择器+遍历 $('div')....

jquery遍历input取得input的name

01-21

首先，我们从标题“jquery遍历input取得input的name”中可以提取出几个关键知识点： 1. jQuery遍历：遍历是指按照一定的顺序访问每一个节点的过程。在jQuery中，可以使用选择器配合遍历方法来选取多个DOM元素并进行...

参与评论您还未登录，请先登录后发表或查看评论

用Jq遍历一个div里面的所有input 并判断是否为空？

Eric_sun8868的博客

10-31

1290

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...

样式规范

xuewenjie0217的博客

04-08

635

样式规范样式表编码样式文件必须写上 @charset 规则，并且一定要在样式文件的第一行首个字符位置开始写，编码名用 “UTF-8” @charset "UTF-8"; .my-class { ...; } 代码风格代码风格化统一使用展开格式书写样式，即每个属性另起一行 .my-class { position: relative; margin: 0 auto; display: block; background: red; } 代码大小写样式选择器，属性名，属性值关

获取多个input的值

qq_43654065的博客

08-17

583

$("input").each(function(index,item){ console.log($(item).val()) })

软件开发Jquery怎么循环遍历每个input框内容不能为空，并且正则验证必须为2-10个汉字

09-26

492

软件开发Jquery怎么循环遍历每个input框内容不能为空，并且正则验证必须为2-10个汉字 1. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title&g

$(":input").each()和$.each()的区别

a15937712253的专栏

03-12

7557

$(":input").each(function(){ //很好说了就是去循环我们取得的数组对象 alert($(this).val()); }); $.each([{name:"zhangsan",age:"12"},{name:"list",age:"20"}],function(i,n){

精选资源

jquery 遍历数组 each 方法详解

01-19

$(‘:checkbox’):拿取input的 type为checkbox’的所有元素: Eg： <input type=checkbox name=appetizers value=imperial/> $('span[price] input[type=text]') ：拿取下面的input元素 <span pric

jQuery使用each遍历循环的方法

10-17

$("input.month").each(function() { // 遍历具有class="month"的input元素 var monthVal = $.trim($(this).val()); // 获取元素值并去除空格 if (monthVal.length > 0) { // 如果值非空 monthMoney = accAdd...

jQuery each 遍历转化input的值为数组

qq_22841387的博客

10-05

825

问题描述我将每个的input的class都设成了blank，现在我需要将每一个的input中的值val拿出来，形成数组。但是如果直接完全遍历的话，会出现很多空的，所以需要处理实现代码 /** * 获取到每道题的答案 * 因为查询很多input 会有很多空的 * 从index 18 开始的 */ $('.blank').each(function (index) { if (index >= 18 &&a

遍历select的下面所有input的值

Artoro的博客

01-30

1250

页面代码：label> 星期一select class="weekType">option value="0">上午option> option value="1">下午option>option value="2">晚上option>select>配送input class="sendInput week" min="3" type="number" id="monda

JS判断只能输入数字问题

感悟人生

02-26

792

JS判断只能输入数字问题

脚手架创建react-app antd-demo启动报错less

qq_45184152的博客

02-23

1162

报错关键信息 /node_modules/antd/es/style/default.less 单独安装 npm i -D less less-loader

less文件中无法使用each函数

qq_36959274的博客

06-09

2017

有时候我们需要在less文件中循环生成一些类名譬如就会需要用到each函数循环设置css选择器规则。于是我就在项目中使用了该函数，但是并没有生效，查询资料https://lesscss.org/functions/可知，该函数是在v3.7.0开始生效，该项目安装的less版本低于该版本，所以无法生效....

jQuery each循环验证文本框内容不为空

云海

08-07

1519

//查看文本框数据是否为空 function checkInputTextIsNull() { var f = [ "seasTitle", "seasWeigetKg" ]; var isReturn = false;//标识是否跳出方法 $.each(f, function(index, v) { if ($("#" + v).val() ==...

jq中each方法报错$xxx is not defined

qq_40576178的博客

11-18

830

在使用each方法遍历jq中数组时，报错$item is not defined 结构： <div class="right"> <div class="img_bg rightOne" @click="clickLeft('公司使命')">公司使命</div> <div class="img_bg rightTwo" @click="clickLeft('核心价值观')">核心价值观</div> <di

react里使用less时antd报错

KateCateCake的博客

12-15

4450

想在react项目里面用less，但是create-react-app生成的项目默认不使用less，查了一下相关博客，将webpack配置文件暴露出来，改了相关配置(https://segmentfault.com/a/1190000010162614)，满心欢喜的运行项目，缺发现antd报了这样一个错误：Media definitions require block statements afte

jQuery怎么判断clone出来的所有div里的input是否为空

最新发布

06-15

### 如何使用 jQuery 判断通过 `clone` 方法生成的所有 `div` 中的 `input` 是否为空可以通过以下方法实现对通过 `clone` 方法生成的所有 `div` 中的 `input` 元素是否为空的判断。首先，需要选择所有克隆后的 `div` 元素，并遍历其中的 `input` 元素以检查其值是否为空[^1]。以下是具体的代码示例： ```javascript // 假设所有的克隆 div 都有一个特定的类名 cloned-div let allInputsEmpty = true; $('.cloned-div').each(function () { $(this).find('input').each(function () { if ($(this).val().trim() !== '') { allInputsEmpty = false; return false; // 退出当前 input 的循环 } }); if (!allInputsEmpty) { return false; // 退出当前 div 的循环 } }); if (allInputsEmpty) { console.log("所有克隆 div 中的 input 都为空"); } else { console.log("至少有一个克隆 div 中的 input 不为空"); } ``` 在上述代码中，`$('.cloned-div')` 用于选择所有具有特定类名的克隆 `div` 元素[^2]。接着，通过 `.each()` 方法遍历每个 `div` 中的 `input` 元素，并检查其值是否为空。如果发现任何一个 `input` 的值不为空，则将标志变量 `allInputsEmpty` 设置为 `false` 并退出循环[^3]。此外，需要注意的是，克隆的元素可能没有直接附加到 DOM 上，因此需要确保正确地选择这些元素。如果克隆的 `div` 没有附加到 DOM，可以将它们存储在一个变量中并直接操作该变量中的内容[^4]。 ```javascript // 示例：处理未附加到 DOM 的克隆 div let clonedDivs = $('#original-div').clone(true).find('.cloned-div'); let allInputsEmpty = true; clonedDivs.each(function () { $(this).find('input').each(function () { if ($(this).val().trim() !== '') { allInputsEmpty = false; return false; // 退出当前 input 的循环 } }); if (!allInputsEmpty) { return false; // 退出当前 div 的循环 } }); if (allInputsEmpty) { console.log("所有克隆 div 中的 input 都为空"); } else { console.log("至少有一个克隆 div 中的 input 不为空"); } ``` 此代码片段展示了如何处理尚未附加到 DOM 的克隆元素[^5]。