首页 >web前端 >html教程 >input框中只允许输入数字(正负带小数),且输入正数时,数字为红色,负数为绿色_html/css_WEB-ITnose

input框中只允许输入数字(正负带小数),且输入正数时,数字为红色,负数为绿色_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:57:132812浏览

想着用onkeyup或者别的什么方法实现。求大神解答。


回复讨论(解决方案)

这涉及到js了。
事件的话只要用键盘按键事件的onkeyup就可以。
按键抬起时在事件处理函数中作这样一个判断:input框中的第一个字符是否为"-",如果是修改input元素的style属性的color属性的值为绿色,否则就是红色。如果是jQuery的话就.css()方法设置就可以
且在连续输入过程中只要判断一次。

这涉及到js了。
事件的话只要用键盘按键事件的onkeyup就可以。
按键抬起时在事件处理函数中作这样一个判断:input框中的第一个字符是否为"-",如果是修改input元素的style属性的color属性的值为绿色,否则就是红色。如果是jQuery的话就.css()方法设置就可以
且在连续输入过程中只要判断一次。



你好,js这块很不熟麻烦再看看。我现在这样写还是不对
 function check(){
var a = document.FormName.tit.value;
if(a.indexOf("-")>=0){
document.getElementById("tit").style.color = "width:500px;color:green";
}else if(a.indexOf("+")>=0){
document.getElementById("tit").style.color = "width:500px;color:red";
}
 }

这涉及到js了。
事件的话只要用键盘按键事件的onkeyup就可以。
按键抬起时在事件处理函数中作这样一个判断:input框中的第一个字符是否为"-",如果是修改input元素的style属性的color属性的值为绿色,否则就是红色。如果是jQuery的话就.css()方法设置就可以
且在连续输入过程中只要判断一次。




哎呀。自己改改竟然好了。谢谢2楼大哥~结贴给发
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn