js文本框验证问题

baidu_31224013 2015-10-12 04:04:41
如何根据文本框的显示和隐藏做验证,文本框显示时必须验证其输入值,隐藏时不做验证。
...全文
120 点赞 收藏 6
写回复
6 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
番茄鲨鱼面 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();
}
回复
超级菜鸟 2015-10-13
文本框动态的控制显示与隐藏,控制判断验证只要判断文本框的样式就可以了
回复
ab637800 2015-10-12
你根据什么判断文本框显示隐藏,就根据什么判断文本框是否要输入值。
回复
哎呦喂哈 2015-10-12
显示跟隐藏得有个标识吧、根据那个就可以了啊
回复
相关推荐
发帖
Web 开发
创建于2007-09-28

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2015-10-12 04:04
社区公告
暂无公告