MVVM架构~knockoutjs系列之扩展ajax验证~验证输入数据是否与后台数据相等

   //ajax相等验证
    kv.rules['ajaxDataEqual'] = {
        validator: function (val,params) {
            var result = true;//默认为验证通过
            $.when(params.ajaxMethod(val)).then(function (data) {
                result = kv.utils.isEmptyVal(val) || data == kv.utils.getValue(params.otherValue); //val为空走reqired逻辑,不为空再走ajax逻辑
            });
            return result;
        },
        message: 'Two value must equal.'
    };

<form id="form1" style="width: 800px;">
    <div class="editor-label">
        提现金额：
    </div>
    <div class="editor-field" style="width: 700px">
        <input name="Money" data-bind='value: Money' />
        <span class="validationError" data-bind="validationMessage:Money"></span>
    </div>
    <div class="editor-label">
        支付密码：
    </div>
    <div class="editor-field" style="width: 700px">
        <input name="Paypassword" data-bind='value: Paypassword' />
        <span class="validationError" data-bind="validationMessage:Paypassword"></span>
    </div>
    <p>
        <input type="button" data-bind="click:cash" value="提现" />
    </p>
</form>

<script type="text/ecmascript">
        function getpassword(key) {
            return $.ajax({
                url: "/ef/GetPayPassword",
                data: { key: key },
                type: "get",
                dataType: "json",
                async: false,
                success: function (data) {
                    return data;
                }
            });
        }
        var userWithdraw = function () {

            var self = this;
            ko.validation.configure({//ko.validation相关配置
                insertMessages: false
            });

            self.Money = ko.observable().extend({
                min: { params: 1, message: "金额最小为1..." },
                max: { params: 1000, message: "金额最大为1000..." },
                required: {
                    params: true,
                    message: "请输入提现金额..."
                }
            });

            self.Paypassword = ko.observable().extend({

                ajaxDataEqual: { params: { ajaxMethod: getpassword, otherValue: "zzl123" }, message: "支付密码不正确..." },//注意，这只是个实例，说明ajaxDataEqual的用法，实现中，密码不应该保留到前端
                required: {
                    params: true,
                    message: "请输入支付密码..."
                }
            });

            self.cash = function () {
                self.errors = ko.validation.group(self);
                if (self.isValid()) {
                    alert("可以进行提现")
                } else {

                    self.errors.showAllMessages();
                }
            }
        }
        ko.applyBindings(new userWithdraw());
    </script>

   self.Paypassword = ko.observable().extend({
                ajaxData: { params: confirmPassword, message: "支付密码不正确..." },
                required: {
                    params: true,
                    message: "请输入支付密码..."
                }
            });

   function confirmPassword(key) {
            return $.ajax({
                url: "/ef/ConfirmPassword",
                data: { key: key },
                type: "get",
                dataType: "json",
                async: false,
                success: function (data) {
                    return data;
                }
            });
        }

  /// <summary>
        /// 得到用户的支付密码
        /// 只返回真假值，不返回加密后的密码
        /// </summary>
        /// <param name="userid"></param>
        /// <returns></returns>
        public JsonResult ConfirmPassword(string key)
        {
            string oldPassword = "zzl123";//! 这个密码一般是通过当前登陆ＩＤ从数据库里查询出来的，不会暴露在前端
            if (key == oldPassword)
                return Json(true, JsonRequestBehavior.AllowGet);
            else
                return Json(false, JsonRequestBehavior.AllowGet);
        }