张晨的个人博客

Jquery校验DIV中的input元素是否有值

张晨的个人博客2014-05-12前端技术 1778 0A+A-
<!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>

 

文章关键词
Jquery
div
发表评论