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

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

WBOY
Freigeben: 2016-06-24 11:57:13
Original
2817 Leute haben es durchsucht

想着用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楼大哥~结贴给发
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage