如何将textfield属性从'；一个编辑完成'；在Qt-QML中

我试图根据有效性检查（javascript函数，如果确定，则返回true）来改变文本字段的边框颜色和宽度。如果用户输入的出生日期无效，我希望将文本框边框涂成红色。以下是我的qml定义：

        TextField{
            id: dob
            placeholderText: qsTr("dd-mm-yyyy")
            font.pixelSize: 14
            Layout.fillWidth: true
            style: TextFieldStyle {
                textColor: "black"
                background: Rectangle {
                    id:dobstyle
                    radius: 2
                    implicitWidth: 100
                    implicitHeight: 24
                    border.color: "black"
                    border.width: 1
                }
            }
            inputMethodHints: Qt.ImhDate
            onActiveFocusChanged: {
                inputMask= "00-00-0000"
            }
            onEditingFinished: {
                var datesplit = dob.text.split("-");
                var jsDOB = new Date(datesplit[2],datesplit[1]-1,datesplit[0]);
                var logichk = (isValidDateLogical(jsDOB));
                var validchk = (isValidDate(dob.text))
                if(!validchk || !logichk)
                {
                    dobstyle.border.color="red"
                    dobstyle.border.width=3
                }
            }
            selectByMouse: true
        }

---

我得到了“ReferenceError:dobstyle未定义”的答案，你知道如何最好地实现这一点吗

TextFieldStyle

是一个组件，内部不存在外部，您必须在

TextField

中创建一个属性并进行绑定，然后只修改该属性：

...
Layout.fillWidth: true
property color bordercolor: "black" // <---
property int borderwidth: 1 // <---
style: TextFieldStyle {
    textColor: "black"
    background: Rectangle {
        id:dobstyle
        radius: 2
        implicitWidth: 100
        implicitHeight: 24
        border.color: dob.bordercolor // <---
        border.width: dob.borderwidth // <---
    }
}
...
onEditingFinished: {
    var datesplit = dob.text.split("-");
    var jsDOB = new Date(datesplit[2],datesplit[1]-1,datesplit[0]);
    var logichk = isValidDateLogical(jsDOB));
    var validchk = (isValidDate(dob.text))
    if(!validchk || !logichk)
    {
        dob.bordercolor ="red" // <---
        dob.borderwidth = 3 // <---
    }
}

。。。
Layout.fillWidth:true
属性颜色bordercolor:“black”//这起作用了，我以前尝试过使用属性，但没有完全起作用，引用了父属性，然后引用了属性，即dob.bordercolor，谢谢！！