js文本框验证有关问题_Java Web开发

js文本框验证问题
如何根据文本框的显示和隐藏做验证，文本框显示时必须验证其输入值，隐藏时不做验证。
------解决思路----------------------
if(classValue == "组合套餐"){
   //  获取未隐藏的文本框判断
      if($("#你未隐藏的文本框ID").val（）==“”){
           alert("请填写")
      return;
}
}
------解决思路----------------------
直接放马：


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="./jquery-1.8.2.js" language="javascript" type="text/javascript"></script>
</head>
<script>
$(function(){
});
function hiddenOrShow(){
	$("#test").toggle();
}
function check(){
	if($("#test").is(":visible")){//存在
		if($("#test").val()==''){
			alert('不能为空。');
		}else{
			alert('校验通过。');
		}
	}else{
		alert('隐藏不校验。');
	}
}
</script>
<body>
<input type="text" name='test' id="test"/>
<br/>
<button onclick="hiddenOrShow();">隐藏/显示</button>
<button onclick="check();">校验</button>
</body>
</html>