> 웹 프론트엔드 > HTML 튜토리얼 > input框中只允许输入数字(正负带小数),且输入正数时,数字为红色,负数为绿色_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:57:13
원래의
2824명이 탐색했습니다.

想着用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楼大哥~结贴给发
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿