判断2个input值是否有值存在，有才能被提交

原创于 2016-07-14 11:59:05 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html

个人日记专栏收录该内容

108 篇文章

订阅专栏

本文介绍了一个简单的HTML和JavaScript表单验证示例，通过检查日期选择器中的开始和结束日期是否填写来确保用户输入完整。当用户点击确认按钮时，会触发一个事件，检查所有指定的输入字段是否已正确填写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

 <div class="input-daterange input-group info" id="datepicker">
 <input type="text" class="input-sm form-control data1" name="start"  />
 <span class="input-group-addon">到</span>
 <input type="text" class="input-sm form-control data1" name="end" />
</div>

$(function(){
               var aBool=true;//用来记录以后有没填的项目
                $("#sure").click(function(){
                    aBool=true;//表示填好了
                    $(".data1").each(function(){
                        if(typeof $(this).val()=='undefined'||$(this).val()==''){
                            aBool =false;
                        }
                    });
                    if(aBool){
                        alert('全部填好了')
                    }else{
                        alert('你还有没完成的任务')
                    }
                })
            });