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

wtfday1022 2014-09-24 02:08:39
想着用onkeyup或者别的什么方法实现。求大神解答。
...全文
1066 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
wtfday1022 2014-09-24
  • 打赏
  • 举报
回复
引用 1 楼 u011751266 的回复:
这涉及到js了。 事件的话只要用键盘按键事件的onkeyup就可以。 按键抬起时在事件处理函数中作这样一个判断:input框中的第一个字符是否为"-",如果是修改input元素的style属性的color属性的值为绿色,否则就是红色。如果是jQuery的话就.css()方法设置就可以 且在连续输入过程中只要判断一次。
哎呀。自己改改竟然好了。谢谢2楼大哥~结贴给发
wtfday1022 2014-09-24
  • 打赏
  • 举报
回复
引用 1 楼 u011751266 的回复:
这涉及到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"; } } <input type="text" style="width:500px;color:black;" id="tit" name='tit' value="" onKeyup="check();" maxlength="85">
jennis19118 2014-09-24
  • 打赏
  • 举报
回复
这涉及到js了。 事件的话只要用键盘按键事件的onkeyup就可以。 按键抬起时在事件处理函数中作这样一个判断:input框中的第一个字符是否为"-",如果是修改input元素的style属性的color属性的值为绿色,否则就是红色。如果是jQuery的话就.css()方法设置就可以 且在连续输入过程中只要判断一次。

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧