一个输入框内容为空时另一输入框不可操作,求大家帮下

yyy6901 发布于 2013/12/17 15:26
阅读 933
收藏 0

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>function f1(chk){ var t = document.getElementById("txt1"); t.disabled = !chk.checked;}</script>
<input type=checkbox onclick="f1(this)"><input type=text id="txt1" disabled="disabled">

<br>
<br>
一个输入框内容为空时另一输入框不可操作,求帮下<br>
<script>function f2(chk){ var t = document.getElementById("txt4"); t.disabled = !chk.checked;}</script>
一输入框
<input name="一输入框" type=text id="txt3" >
另一输入框
<input name="另一输入框" type=text id="txt4" disabled="disabled">
<br>
一输入框内容为空时,另一输入框不作操作(不可选、不可填入内容等),如果填入内容时另一输入也可填入内容,最好不用script,直接在网页上写源码如下面的方法
<br>
<input type="text" value="请输入关键字" onfocus="if(this.value=='请输入关键字')this.value=''" onblur="if(this.value=='')this.value='请输入关键字'">
</body>
</html>

加载中
0
淘淘我的小宝宝
淘淘我的小宝宝

懒人给你一段吧,细节自己调整

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>function f1(chk){ var t = document.getElementById("txt1"); t.disabled = !chk.checked;}</script>
<input type=checkbox onclick="f1(this)"><input type=text id="txt1" disabled="disabled">

<br>
<br>
一个输入框内容为空时另一输入框不可操作,求帮下<br>
<script>function f2(chk){ var t = document.getElementById("txt4"); t.disabled = !chk.checked;}</script>
一输入框
<input name="一输入框" type=text id="txt3" onblur="var txt4 = document.getElementById('txt4');if(!this.value) {txt4.value='';txt4.disabled=true;}else txt4.disabled=false">
另一输入框
<input name="另一输入框" type=text id="txt4" onfocus="var txt3 = document.getElementById('txt3');if(!txt3.value)this.disabled=true">
<br>
一输入框内容为空时,另一输入框不作操作(不可选、不可填入内容等),如果填入内容时另一输入也可填入内容,最好不用script,直接在网页上写源码如下面的方法
<br>
<input type="text" value="请输入关键字" onfocus="if(this.value=='请输入关键字')this.value=''" onblur="if(this.value=='')this.value='请输入关键字'">
</body>
</html>



0
jianglibo
jianglibo

表单验证必须成系统,你说的不用js完成这种功能,就属于一次性考虑问题,你会一直受表单验证的困扰。比较合理的方式是用model作用桥梁,将各种ui事件通过model反馈到各个ui,可以完成绝大部分的验证问题。比如这个描述,请注意validators的内容,function在model的上下文执行,这个this就是model。


{fieldName: "fieldb",inputLabel: '发表日期',years:"-10,+10",ftype:'datetime',required:true,validators:{func: function(v){
if(!this.get('fielda')){
alert("请先输入fielda的值,然后才能输入fieldb的值");
}
}},inputWidth:'50%',gridSize:"1-2"}

要尝试各种验证功能,可以参阅:http://sb.m3958.com/cusapp/cusapp.ftl



苏生不惑
苏生不惑
这个不错啊
0
y
yyy6901

谢谢各位,大家的支持帮助问题已得到解决了,学习with_you后我将源码改了,谢谢!!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
A框
<input name="一输入框" type=text id="txt3" onblur="var txt4 = document.getElementById('txt4');if(!this.value) {txt4.value='';txt4.disabled=true;}else txt4.disabled=false">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B框(这个输入默认为禁用,但A框有内容或不为空时,B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt4" onfocus="var txt3 = document.getElementById('txt3');if(!txt3.value)this.disabled=true">
;A框清空时,B框也这空<br /><br /><br />
A框
<input name="一输入框" type=text id="txt5" onblur="var txt6 = document.getElementById('txt6');if(!this.value) {txt6.disabled=true;}else txt6.disabled=false">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B框(这个输入默认为禁用,但A框有内容或不为空时,B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt6" onfocus="var txt5 = document.getElementById('txt5');if(!txt5.value)this.disabled=true">
;A框清空时,B框不清空<br />

</body>
</html>

 

0
y
yyy6901

我希望将下源码的功能改为js实现,因为我OA表单编辑器不支持执行这个,谢谢!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
A框
<input name="一输入框" type=text id="txt3" onpropertychange="var txt4 = document.getElementById('txt4');if(!this.value) {txt4.value='';txt4.disabled=true;}else txt4.disabled=false">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B框(这个输入默认为禁用,但A框有内容或不为空时,B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt4" >
;A框清空时,B框也这空<br /><br /><br />
A框
<input name="一输入框" type=text id="txt5" onpropertychange="var txt6 = document.getElementById('txt6');if(!this.value) {txt6.disabled=true;}else txt6.disabled=false">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B框(这个输入默认为禁用,但A框有内容或不为空时,B框为可用):
<input name="另一输入框" type=text disabled="disabled" id="txt6" >
;A框清空时,B框不清空<br />
</body>
</html>

 

返回顶部
顶部