js文本框验证问题

baidu_31224013 2015-10-12 04:04:41

如何根据文本框的显示和隐藏做验证，文本框显示时必须验证其输入值，隐藏时不做验证。

...全文

162 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

番茄鲨鱼面 2015-10-14

打赏
举报

直接放马：



<!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>

ab637800 2015-10-13

打赏
举报

if(classValue == "组合套餐"){
// 获取未隐藏的文本框判断
if($("#你未隐藏的文本框ID").val（）==“”){
alert("请填写")
return;
}
}

baidu_31224013 2015-10-13

打赏
举报

根据复选框隐藏显示
function doFilter(){
$('#databaseType_div').show();
$('#dataCapacity_div').show();
$('#databaseCapacity_div').show();
$('#middlewareType_div').show();
//根据套餐分类，显示不同的数据项
var classValue = $('#classification').val();
if(classValue == "组合套餐"){
$('#middlewareType_div').hide();
}
if(classValue == "应用套餐"){
$('#databaseType_div').hide();
$('#dataCapacity_div').hide();
$('#databaseCapacity_div').hide();
}