Question

我想用“userPw”值替换“showPw”范围 - 我正在尝试使用profilePassword执行此操作，这是在他们选择更改密码时设置的。

如果页面发现之前没有设置过，那么它应该带有defaultPassword，即0000

目前，它只显示999值，不会更新。虽然我已经测试了“userPw”值并且它在警报中显示正确，那个和defaultPassword等等......任何想法？

这是Javascript：

changePassword: function(page){
        var profilePassword = window.localStorage.getItem("userPw");
        var defaultPassword = "0000";
        if(!profilePassword){
            window.localStorage.setItem("userPw", defaultPassword);
            $('.appProfile').find('span.showPw').text(defaultPassword);
            //document.getElementById('').value = defaultPassword ;
        }
       else{
           //alert(profilePassword +'--')
          //document.getElementById('showPw').value = profilePassword ;
           $('#showPw').val(profilePassword)
       };

    page.querySelector('[component="button/updatePassword"]').onclick = function () {
            var newPassword =  $('#setPw').val()//document.getElementById('setPw').value;
            window.localStorage.setItem("userPw", newPassword);
            //document.getElementById('showPw').value = newPassword ;
            $('.appProfile').find('span.showPw').text(profilePassword);

alert(newPassword)

$(profilePassword).val(newPassword)

             navigator.notification.alert(
                'PIN changed Successfully', // message
                null, // callback
                'Phindor', // title
                'Ok'                  // buttonName
            );
        //    window.localStorage.setItem("userPwOK", result.success);
        //    console.log(result.message);
        //    location.reload(true);
    };

    page.querySelector('[component="button/profilePage"]').onclick = function () {

        myApp.currentPage.myNavigator.popPage();
    };
}

这是HTML：

    <ons-template id="changePassword.html">
            <ons-page id="changePassword">
                <div class="appProfile">
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <div style="text-align: center">
                        <b>Your current password: </b> 
                    <br>
                    <br>
                    <span id="showPw">999</span>
                    <br>
                    <br>
                    <br />
                        <b>Please select your new password:</b></span>
                    <br>
                    <br>
                    <ons-input type='text' id="setPw" name="setPw" placeholder="Type your new password here"></ons-input>
                    <br />
                    <br />
                    <br />
                    <ons-button component="button/updatePassword" ripple>Update Password</ons-button>
                    <br />
                    <br />
                    <br />
                    <ons-button component="button/profilePage" ripple>Back</ons-button>

                    </div>


                </div>
            </ons-page>
    </ons-template>

整个www目录在这里：https://wetransfer.com/downloads/76bc6b9f75a44b7f7054036a7cf478ab20161226102828/3be6ca

我正在使用Cordova构建应用

Answer 1

好的，经过多次试验和错误，我使用下面的代码让它工作：

changePassword: function(page){
            var profilePassword = window.localStorage.getItem("userPw");
            var defaultPassword = "0000";
            if(!profilePassword){
                $('#showPw').text(defaultPassword);
                //document.getElementById('').value = defaultPassword ;
            }
           else{
               //alert(profilePassword +'--')
              //document.getElementById('showPw').value = profilePassword ;
               $('#showPw').text(profilePassword);
           };

        page.querySelector('[component="button/updatePassword"]').onclick = function () {
                var newPassword =  $('#setPw').val()//document.getElementById('setPw').value;
                window.localStorage.setItem("userPw", newPassword);
                document.getElementById('showPw').value = newPassword ;
                $('#showPw').text(newPassword);

    alert(newPassword)

    $(profilePassword).text(newPassword)

                 navigator.notification.alert(
                    'PIN changed Successfully', // message
                    null, // callback
                    'Phindor', // title
                    'Ok'                  // buttonName
                );
            //    window.localStorage.setItem("userPwOK", result.success);
            //    console.log(result.message);
            //    location.reload(true);
        };

        page.querySelector('[component="button/profilePage"]').onclick = function () {

            myApp.currentPage.myNavigator.popPage();
        };
    },

主要问题是.val应该是。＆＃34; $（profilePassword）.text（newPassword）＆＃34;

之类的地方.text

感谢任何人花在这上面的时间！我希望这对于有相同问题的人来说至少是有用的

用JQuery中的变量替换Span

1 个答案: