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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了input框中只允许输入数字（正负带小数），且输入正数时，数字为红色，负数为绿色_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1312字，纯文字阅读大概需要2分钟。

内容图文

想着用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楼大哥~结贴给发

内容总结

以上是互联网集市为您收集整理的input框中只允许输入数字（正负带小数），且输入正数时，数字为红色，负数为绿色_html/css_WEB-ITnose全部内容，希望文章能够帮你解决input框中只允许输入数字（正负带小数），且输入正数时，数字为红色，负数为绿色_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---