发表评论
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript" > //DIV校验,必须最少填写一项 function checkWork(){ var flag1 = true; var flag2 = true; var flag3 = true; //experience1 有textarea 并且有隐藏域 var experience1 = $('#Shrinkcontent5').find('input,textarea'); experience1.each(function(){ alert($(this).val() + '=='+$(this).is(":visible")); if($(this).val() == "" && $(this).is(":visible")){ flag1 = false; return; } }); var experience2 = $('#Shrinkcontent9').find('input'); experience2.each(function(){ if($(this).val() == "" && $(this).is(":visible")){ flag2 = false; return; } }); var experience3 = $('#Shrinkcontent10').find('input'); experience3.each(function(){ if($(this).val() == "" && $(this).is(":visible")){ flag3 = false; return; } }); if(flag1 || flag2 || flag3){ alert('有填写'); }else{ alert('未填写'); } } </script> </head> <body> <form action="#" type="post" > <div class="dreadcount"> <span><i class="icon-ziliao icon-red mrl14"></i> 区域1</span> <div class="Shrinktop"> <div class="slideUp_Down" id="Shrinkbutton5"></div> </div> </div> <div class="Shrinkcontent" id="Shrinkcontent5"> <input type="text" /> <input type="text" /> <input type="text" /> <textarea rows='3' cols="6" ></textarea> <div style="display:none"> <input type="text" /> </div> </div> <div class="dreadcount"> <span><i class="icon-ziliao icon-red mrl14"></i> 区域2</span> <div class="Shrinktop"> <div class="slideUp_Down" id="Shrinkbutton9"></div> </div> </div> <div class="Shrinkcontent" id="Shrinkcontent9"> <input type="text" /> <input type="text" /> <input type="text" /> </div> <div class="dreadcount"> <span><i class="icon-ziliao icon-red mrl14"></i> 区域3</span> <div class="Shrinktop"> <div class="slideUp_Down" id="Shrinkbutton10"></div> </div> </div> <div class="Shrinkcontent" id="Shrinkcontent10"> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> </div> <input type="button" onclick="checkWork();" value="测试" /> </form> </body> </html>