QML Text Handling and Validators

文本元素

Validators

在 QML 中显示文本

QML provides several elements to display text onto the screen. The Text element will display formatted text onto the screen, the TextEdit element will place a multiline line edit onto the screen, and the TextInput will place a single editable line field onto the screen.

To learn more about their specific features and properties, visit their respective element documentation.

Validating Input Text

The validator elements enforce the type and format of TextInput 对象。

Column {
    spacing: 10
    Text {
        text: "Enter a value from 0 to 2000"
    }
    TextInput {
        focus: true
        validator: IntValidator { bottom:0; top: 2000}
    }
}

The validator elements bind to TextInput 's validator 特性。

Column {
    spacing: 10
    Text {
        text: "Which basket?"
    }
    TextInput {
        focus: true
        validator: RegExpValidator { regExp: /fruit basket/ }
    }
}

The regular expression in the snippet will only allow the inputted text to be fruit basket .

Note that QML parses JavaScript regular expressions, while Qt's QRegExp class' regular expressions are based on Perl regular expressions.