ホームページ  >  記事  >  ウェブフロントエンド  >  入力ボックスには数値のみを入力できます (小数点を含む正負)。正の数値を入力すると数値は赤色になり、負の数値は緑色になります_html/css_WEB-ITnose

入力ボックスには数値のみを入力できます (小数点を含む正負)。正の数値を入力すると数値は赤色になり、負の数値は緑色になります_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:57:132789ブラウズ

onkeyup または他の方法を使用して実装することを考えています。神に答えを求めてください。


ディスカッションへの返信 (解決策)

これには js が含まれます。
イベントの場合は、キーボードのキーイベントの onkeyup を使用するだけです。
ボタンを離すとイベント処理関数で入力ボックスの先頭文字が「-」かどうかを判断し、input要素のstyle属性のcolor属性の値が変更されていれば、緑色でなければなりません。それ以外の場合は赤色になります。 jQueryであれば.css()メソッド
で設定するだけで、連続入力処理中に1回判定するだけで済みます。

これには js が関係します。
イベントの場合は、キーボードのキーイベントの onkeyup を使用するだけです。
ボタンを離すとイベント処理関数で入力ボックスの先頭文字が「-」かどうかを判断し、input要素のstyle属性のcolor属性の値が変更されていれば、緑色でなければなりません。それ以外の場合は赤色になります。 jQueryであれば.css()メソッド
で設定するだけで、連続入力処理中に1回判定するだけで済みます。



こんにちは、私は js に詳しくありません。もう一度見てください。このように書いてもやはり間違っています
function check(){
var a = document.FormName.tit.value;
if(a.indexOf("-")>=0){
document.getElementById("シジュウカラ") .style.color = "幅:500px;カラー:グリーン";
}else if(a.indexOf("+")>=0){
document.getElementById("シジュウカラ").style.color = "幅:500px;色:赤"; }
}
これには js が関係します。
イベントの場合は、キーボードのキーイベントの onkeyup を使用するだけです。
ボタンを離すとイベント処理関数で入力ボックスの先頭文字が「-」かどうかを判断し、input要素のstyle属性のcolor属性の値が変更されていれば、緑色でなければなりません。それ以外の場合は赤色になります。 jQueryであれば.css()メソッドで設定するだけで、連続入力処理中に1回判定するだけで済みます。



おっと。自分で交換した方が良かったです。 2階のお兄さん、ポストを送ってくれてありがとう〜

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。