1

我想在且仅在使用 RegExp 填充和验证一组文本字段时启用一个按钮。如果您在网络注册表单中思考，我需要在 QML 应用程序中具有相同的行为。当然，我知道使用 JS代码是可能的，但我的目标不是使用它，而是以一种优雅的方式做到这一点，只使用声明性的 qml 代码。有什么想法吗？

这是一个例子：

Label {
    text: qsTr('First name')
}

TextField {
    id: firstNameTextField
}

Label {
    text: qsTr('Last name')
}

TextField {
    id: lastNameTextField
}

Label {
    text: qsTr('email')
}

// Username
TextField {
    id: emailTextField
    placeholderText: qsTr("Enter email")
    smooth: true
    validator: RegExpValidator{ regExp: /^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i }
}

Label {
    text: qsTr('Password')
}

TextField {
    id: passwordTextField
}

Label {
    text: qsTr('Re-Password')
}

TextField {
    id: rePasswordTextField
}
Button {
    id:button
    enabled: // all text fields completed and validated
}
4

2 回答 2

3

这是以声明性方式编码的相同解决方案：

Row {
    TextField {
        id: field1
        placeholderText: qsTr("Enter number 1")
        validator: IntValidator {bottom: 1; top: 9;}
    }
    TextField {
        id: field2
        placeholderText: qsTr("Enter number 2")
        validator: IntValidator {bottom: 11; top: 19;}
    }
    Button {
        id: btn
        text: "Send"
        enabled: field1.acceptableInput && field2.acceptableInput
    }
}

来自Qt 文档：

AcceptableInput - 如果文本字段包含可接受的文本，则返回 true。如果设置了验证器或输入掩码，如果当前文本满足验证器或掩码作为最终字符串，则此属性将返回 true

于 2016-11-22T12:33:35.630 回答
0

这是一种简单而肮脏的方法。
使用布尔属性作为中间启用按钮，如下所示

Item{
property bool isNameFieldValid : false
property bool isAgeFieldValid : false

TextField {
    id: name
    placeholderText: qsTr("Enter name")
    validator:  RegExpValidator{regExp:"valid JS regEx"}
    onAccepted:isNameFieldValid=true
 }
TextField {
    id: age
    placeholderText: qsTr("Enter name")
    validator:  RegExpValidator{regExp:/[0-9A-F]+/}
    onAccepted:isAgeFieldValid=true
 }
Button{
 id:confirmButton
  enable:isNameFieldValid && isAgeFieldValid
 }
}

但唯一的事情是，只有当用户单击键盘/键盘上的 Enter 键时，字段才会得到验证。

于 2016-11-22T11:26:15.680 回答