web-dev-qa-db-ja.com

Flex：数値のみを受け入れるテキスト入力

数字のみを受け入れるコードが必要です。入力時に、コードはそれが番号であるかどうかをチェックする必要があります。そうでない場合は、入力したキーを削除するか、まったく入力しない必要があります

apache-flexactionscripttextinput
24
Treby

textInputクラスのrestrictプロパティを見てください。 「0-9」に設定します

31
Gregor Kiddie
   <s:TextInput id="textInput"
                restrict="0-9"
                widthInChars="20"
                maxChars="20" />
   <mx:TextInput id="textInput"
                restrict="0-9"
                widthInChars="20"
                maxChars="20" />
13
Sri

NumericStepperというコントロールがあります。

参照： http://livedocs.Adobe.com/flex/3/html/help.html?content=controls_11.html

上矢印と下矢印が必要ない場合は、スキンクラスをnullに設定できます。

乾杯、スライ

3
sly1024
<?xml version="1.0"?>
<!-- Simple example to demonstrate the TextInput control. -->
<mx:Application xmlns:mx="http://www.Adobe.com/2006/mxml" viewSourceURL="srcview/index.html">

    <mx:Panel title="Dodawanie dwóch liczb :)" height="279" width="238" 
        paddingTop="10" paddingLeft="10">

        <mx:TextInput id="src"
          restrict="0-9"
                maxChars="20" />
        <mx:TextInput id="dest"
          restrict="0-9"
                maxChars="20"/>

        <mx:Button label="dodaj" click= "dodaj();" id="but"/>
        <mx:Label text="Suma" width="59"/>
        <mx:Label text="0" width="160" id="wynik"/>

    </mx:Panel>
    <mx:Script>
     <![CDATA[
      import mx.formatters.NumberBase;
      public function dodaj():Number
      {
       var liczba:Number = Number(src.text) + Number(dest.text);
       wynik.text = liczba.toString();
       return 0;
      }

     ]]>
    </mx:Script>
</mx:Application>
2
wilko

Mx.validators.NumberValidatorを見てください： http://livedocs.Adobe.com/flex/3/langref/mx/validators/NumberValidator.html

1
Mihai Nita

私は何かを使う

<s:TextInput id="textInput"
    restrict="0-9.\\-"
    change="onChangeNumberTextInput(event, 6)"/>

private function onChangeNumberTextInput(event:TextOperationEvent, precision:uint = 2):void
    {
        var strNumber:String = "";
        if (event.currentTarget is mx.controls.TextInput)
            strNumber = (event.currentTarget as mx.controls.TextInput).text;
        else if (event.currentTarget is spark.components.TextInput)
            strNumber = (event.currentTarget as spark.components.TextInput).text;
        else
            return;

        var ind:int = strNumber.indexOf(".");
        if (ind > -1)
        {
            var decimal:String = strNumber.substring(ind + 1);
            if (decimal.indexOf(".") > -1)
                strNumber = strNumber.substring(0, ind + 1 + decimal.indexOf("."));
            if (decimal.length > precision)
                strNumber = strNumber.substring(0, ind + 1 + precision);
        }

        if (event.currentTarget is mx.controls.TextInput)
            (event.currentTarget as mx.controls.TextInput).text = strNumber;
        else if (event.currentTarget is spark.components.TextInput)
            (event.currentTarget as spark.components.TextInput).text = strNumber;
    }

変更リスナー関数は、小数点から精度文字の数を超えるすべてのもの、または「。」の2番目の出現を削除します。

1
Rahul Singhai

あなたが何をしたいのか正確にはわかりません。これら2つを合計したい場合は、以下を使用します

{parseInt(txt1.text) + parseInt(txt2.text)}

あなたの例では、これら2つの文字列を連結するだけです。この1つの例では、テキストを数値に変換してから、これらの2つの値を合計しようとしています。

0
zvjerka24

アプリケーションが数字キーボードのみをアプリケーションに要求するように、プロパティを変更する必要があります。

'SoftKeyboard "number"を試してください。 」

0
Ryan Watts