Jquery each return false 问题
Jquery each return false 问题
eatnothing 发表于1年前
Jquery each return false 问题
  • 发表于 1年前
  • 阅读 26
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 相当于break;

最近遇到一个需求,保存一些数据,但是需要判断所有输入框是否为空,如果为空的话,弹窗提示数据为空.不为空再执行保存的的ajax方法

function test(){
    $('input[type="text"]').each(function() {
                if($.trim($(this).val()).length == 0){
                  return false;
                }
            });
            
            .....$.ajax方法
}

问题来了,此处无论为不为空,都会调用方法体中的ajax方法,后来才知道

    $("").each(function(){
        return false;
    });

each函数体中的return false相当于break,所以直接跳过判断为空的方法体去执行ajax操作.

解决方案:设置一个flag 标记

       var isFormValid = true;
            $('input[type="text"]').each(function() {
                if($.trim($(this).val()).length == 0){
                    isFormValid =  false;
                }
            });
            if(!isFormValid){
                alert('不可为空!');
                return false;
            }

解决方案:设置try_catch()

try{
   $('input[type="text"]').each(function() {
                if($.trim($(this).val()).length == 0){
                 throw name;
                }
            }); 
}catch(e){
    alert(e+"test");
    return false;
}

标签: JavaScript jQuery each
共有 人打赏支持
粉丝 37
博文 128
码字总数 68736
×
eatnothing
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: