javascript - 如何使用 PhoneJS 读取输入字段的值？

Question

这是我的 HTML：

<div data-options="dxView : { name: 'home', title: 'Home' } " >
<div class="home-view"  data-options="dxContent : { targetPlaceholder: 'content' } " >

    <input data-bind="dxTextBox: { value: username }" />
    <input data-bind="dxTextBox: { value: password }" />
    <div data-bind="dxButton: { text: 'Login', clickAction: validateLogin }"></div>
      </div>

这是我的 JavaScript 控制器

MyApp.home = function (params) {

var viewModel = {

    username: ko.observable(''),
    password: ko.observable(''),

    validateLogin : function ()
    {
        console.log(this.username());
        userNameTxt = this.username();
        alert(this.username());
    }
};

return viewModel;

};

文本字段的值不会被淘汰。正在警告空白消息。

Answer 1

只需将警报“this”更改为“viewModel”。像贝洛

MyApp.home = function (params) {

var viewModel = {

    username: ko.observable(''),
    password: ko.observable(''),

    validateLogin : function ()
    {
        console.log(this.username());
        userNameTxt = this.username();
        alert(viewModel.username());
    }
};

return viewModel;

};

Answer 2

userName: {
        value: ko.observable(""),
        valueUpdateEvent: 'keyup search',
        placeholder: "Username",

    },
    password: {
        value: ko.observable(""),
        mode: 'password',
        placeholder: "type a password",
        valueUpdateEvent: 'keyup search',
    },

核实