当前位置:编程学习 > JAVA >>

如何在输入框输入的同时,在输入框后显示输入的内容且变红色

[code=Java]
/<html>

<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</head>

<body>

Enter your name: <input type="text" id="fname" onkeyup="upperCase(this.id)">

</body>
</html>
[code]
--------------------编程问答-------------------- 我用jQuery实现的,希望对你有用
<script type="text/javascript">
     //显示输入内容
$(function(){
     $("#text").keyup(function(){
     var $val = $(this).val();
     $("#show").css("color","red");
     $("#show").html($val);
     })
})    
    </script>
  </head>
  <body>
    <p><strong>test  input</strong></p>
    <input id="text"/><span id="show"/>
    <br/>
   
  </body> --------------------编程问答-------------------- 谢谢好像不行 --------------------编程问答--------------------
引用 2 楼 reptilezj 的回复:
谢谢好像不行

我在本地测试的时候是可以执行的,你引入jquery的文件了吗?
<script type="text/javascript" src="<%=basePath%>jquery-1.7.1.min.js"></script> --------------------编程问答--------------------

function dosome(){
    var value = document.getElementById("aa").value;
    document.getElementById("view").innerHTML = value;
}



<input id="aa" name="aa" onkeydown="dosome()" onkeyup="dosome()"/>
<font color="red"><span id="view"></span><font>


这样应该可以的,试试吧

--------------------编程问答--------------------
引用楼主 reptilezj 的回复:
[code=Java]
/<html>

<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</hea……


应该可以的。呵呵。 --------------------编程问答-------------------- 你想干啥,不就是想做验证吗,那么多文本框,单选框,复选框你写得完么,找个验证组件拿来直接用就OK了。 --------------------编程问答-------------------- 你可以把错误提示信息放到session中,然后在前台页面去引用session值  用这个  ${session的key},这样在你第一次访问前台页面的时候session是没有值也就不显示任何信息,到servlet或action中赋值后再回来返回到前台显示页面这样就把session中的值显示来了, --------------------编程问答--------------------
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,