init

songjun

2024-09-05 a3302fda10ff21ed3700be462ad560163ca13f14

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
@{
    ViewBag.Title = "修改密码";
    Layout = "~/Views/Shared/Master.cshtml";
}
<script>
    var viewModel;
    $(function () {
        viewModel = new myViewModel_User(@Html.Raw(Json.Encode(Model)));
        ko.applyBindings(viewModel, $(".container")[0]);
    });
    function myViewModel_User(data) {
        var self = this;
        console.log(ko.mapping.toJS(data))
        self.Password = ko.observable(self.Password).extend({
            required: {
                params: true,
                message: "密码不能为空"
            },
        });
        self.qryPassword = ko.observable("").extend({
            required: { 
                params: true,
                message: "密码不能为空"
            },
            equal: {
                params: self.Password,
                message: "原始密码输入不一致"
            }
        });
        self.xPassword = ko.observable("").extend({
            required: {
                params: true,
                message: "确认密码不能为空"
            }
        })
        self.qrPassword = ko.observable("").extend({
            required: {
                params: true,
                message: "确认密码不能为空"
            },
            equal: {
                params: self.xPassword,
                message: "两次输入不一致"
            }
        })
        self.submitRequest = function (dataInfo) {
            var errors = ko.validation.group(self, { deep: true });
            if (errors().length == 0) {
                self.Password(self.qrPassword());
                $.ajax({
                    type: "post",
                    url: '@Url.Action("UpdatePwd", "Backstage")',
                    dataType: 'json',
                    cache: false,
                    contentType: 'application/json; charset=utf-8',
                    data: JSON.stringify(ko.toJS(self)),
                    success: function (json) {
 
                        window.location.href = "@Url.Action("Index","Backstage")"
                    }
                });
            }
            else {
                errors.showAllMessages();
            }
        };
        ko.mapping.fromJS(data, {}, self);
    }
</script>
<div class="container">
    <div class="row">
       
        <div class="col-xs-12" style="text-align: center; border-top: solid #c2bfbf">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">修改密码 </h3>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <input type="password" class="form-control" data-bind="textinput:qryPassword" placeholder="*原始密码" />
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" data-bind="textinput:xPassword" placeholder="*新密码" />
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" data-bind="textinput:qrPassword" placeholder="*确认密码" />
                    </div>
                    <div class="form-group">
                        <a href="javascript:void(0);" data-bind="click:submitRequest"
                           class="btn btn-info center-block">提  交</a>
                    </div>
                </div>
 
            </div>
 
        </div>
    </div>
</div>