| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1054 人关注过本帖
标题:想让在重新输入正确的值的时候 文本框后边的提示变为原来的
只看楼主 加入收藏
glwf123
Rank: 1
等 级:新手上路
帖 子:8
专家分:0
注 册:2008-10-25
收藏
 问题点数:0 回复次数:2 
想让在重新输入正确的值的时候 文本框后边的提示变为原来的
在输入值为非数字的时候 text后边的提示会变为hidden里的值“输入错误” 可是 在我重新输入正确的值的时候 这个值不能隐去啊 这个怎么办
<html>
  <head>
    <script type="text/javascript">
      function account(operator)
      {
        var a=document.getElementById("text1").value;
        var b=document.getElementById("text2").value;

        if(!isNaN(a) && !isNaN(b))
        {
          if(a==""||b=="")
          {
            alert("您没有输入数值")
            return;
          }
        switch(operator)
        {
          case "+":
            document.getElementById('result').innerHTML=parseFloat(a)+parseFloat(b);
          break;
          case "-":
            document.getElementById('result').innerHTML=parseFloat(a)-parseFloat(b);
          break;
          case "*":
            document.getElementById('result').innerHTML=parseFloat(a)*parseFloat(b);
          break;
          case "/":
            if(parseFloat(b)==0)
            {
              alert("除数不能为0")
              return;
            }
            else
            {
              document.getElementById('result').innerHTML=parseFloat(a)/parseFloat(b);
            }
            break;
          }
        }
        else
        {
         [bo] if(isNaN(a))
          {
            document.getElementById("label1").innerHTML = document.getElementById("hidden").value;
            
          }
          else if(isNaN(b))
          {
            document.getElementById("label2").innerHTML = document.getElementById("hidden").value;
          [/bo]          }
        }
      }
      </script>
    </head>
    <body>
      <form align="center">
        <table align="center" border="1" bordercolor="#FF0000" wridth="90px">
          <tr>
            <td>
            <center> <b> <h1>四则计算器 </h1> </b> </center>
            </td>
          </tr>
          <tr>
            <td>
            <input type="text"  id="text1" />
            <label id="label1">输入数字 </label>
            </td>
          </tr>
          <tr>
            <td>
            <input type="text" id="text2" />
            <label id="label2">输入数字 </label>
            <input type="hidden" id="hidden" value="输入错误" >
            </td>
          </tr>
          <tr>
            <td>
            <input type="hidden" id="hidden" value="您输入值非法" />
            <input type="button" name="add"  value=" + " onClick="account('+')">
            <input type="button" name="sub"  value=" - " onClick="account('-')">
            <input type="button" name="mul"  value=" * " onClick="account('*')">
            <input type="button" name="div"  value=" / " onClick="account('/')">
            </td>
          </tr>
          <tr>
            <td>
            &nbsp; <div id="result" align="center"> </div>
            <input type="hidden" value="您输入了非数字" />
            </td>
          </tr>
          <tr>
            <td>
            <input type="reset" id="Submit" value="重新输入"  align="center"/>
            </td>
          </tr>
        </table>
    </form>
  </body>
</html>
搜索更多相关主题的帖子: 文本 提示 输入 
2008-10-28 18:42
tidusff12
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2008-5-27
收藏
得分:0 
这个是不是你想要得效果


<html>
  <head>
    <script type="text/javascript">
      function account(operator)
      {
        var a=document.getElementById("text1").value;
        var b=document.getElementById("text2").value;

        if(!isNaN(a) && !isNaN(b))
        {
document.getElementById("label1").innerHTML ="输入数字";
document.getElementById("label2").innerHTML ="输入数字";
          if(a==""||b=="")
          {
            alert("您没有输入数值")
            return;
          }
        switch(operator)
        {
          case "+":
            document.getElementById('result').innerHTML=parseFloat(a)+parseFloat(b);
          break;
          case "-":
            document.getElementById('result').innerHTML=parseFloat(a)-parseFloat(b);
          break;
          case "*":
            document.getElementById('result').innerHTML=parseFloat(a)*parseFloat(b);
          break;
          case "/":
            if(parseFloat(b)==0)
            {
              alert("除数不能为0")
              return;
            }
            else
            {
              document.getElementById('result').innerHTML=parseFloat(a)/parseFloat(b);
            }
            break;
          }
        }
        else
        {
          if(isNaN(a))
          {
            document.getElementById("label1").innerHTML = document.getElementById("hidden").value;
            
          }
          if(isNaN(b))
          {
            document.getElementById("label2").innerHTML = document.getElementById("hidden").value;
                    }
        }
      }
      </script>
    </head>
    <body>
      <form align="center">
        <table align="center" border="1" bordercolor="#FF0000" wridth="90px">
          <tr>
            <td>
            <center> <b> <h1>四则计算器 </h1> </b> </center>
            </td>
          </tr>
          <tr>
            <td>
            <input type="text"  id="text1" />
            <label id="label1">输入数字 </label>
            </td>
          </tr>
          <tr>
            <td>
            <input type="text" id="text2" />
            <label id="label2">输入数字 </label>
            <input type="hidden" id="hidden" value="输入错误" >
            </td>
          </tr>
          <tr>
            <td>
            <input type="hidden" id="hidden" value="您输入值非法" />
            <input type="button" name="add"  value=" + " onClick="account('+')">
            <input type="button" name="sub"  value=" - " onClick="account('-')">
            <input type="button" name="mul"  value=" * " onClick="account('*')">
            <input type="button" name="div"  value=" / " onClick="account('/')">
            </td>
          </tr>
          <tr>
            <td>
              <div id="result" align="center"> </div>
            <input type="hidden" value="您输入了非数字" />
            </td>
          </tr>
          <tr>
            <td>
            <input type="reset" id="Submit" value="重新输入"  align="center"/>
            </td>
          </tr>
        </table>
    </form>
  </body>
</html>
2008-10-29 09:47
tidusff12
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2008-5-27
收藏
得分:0 
其实,你给每给文本框一个失去焦点的事件,onblur来实现这个功能
这样效果不是更好!而且逻辑也清楚!!
2008-10-29 09:53
快速回复:想让在重新输入正确的值的时候 文本框后边的提示变为原来的
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.051069 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved