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

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

WBOY
Libérer: 2016-06-24 11:57:13
original
2817 Les gens l'ont consulté

想着用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楼大哥~结贴给发
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal