淘汰赛+ jQuery验证 [英] Knockout + Jquery Validate

问题描述

我正在尝试使用jquery validate设置验证，并且我已经从服务器返回了viewmodel，将其映射到客户端，并成功地删除了绑定某些数据的js.

I'm trying to setup validation with jquery validate, and i've got the viewmodel coming back from the server, mapped to the client and successfully have knockout js binding some data.

我包括了一个进行验证的调用，但是验证不会触发，但是，如果我将一个类放在输入框中，然后调用有效，它将按预期触发.

I included a called to validate but the validation never triggers, however if I put a class on the input box and then call valid it triggers as expected.

有什么想法吗?

<script type="text/javascript">
        var viewModel;
        $(document).ready(function () {
            $.ajax({
                url: 'Home/GetUserData',
                type: 'post',
                success: function (data) {
                    viewModel = ko.mapping.fromJS(data);
                    viewModel.save = function () { sendToServer(); };
                    ko.applyBindings(viewModel);
                    main();
                }
            });
        });

        function main() {
            $("form").validate({
                rules: {
                    birthPlace: {
                        required: true,
                        minlength: 2
                    }
                }
            });
        }

        function sendToServer() {
            alert($("form").valid());
        }

    </script>
}
<h2>@ViewBag.Message</h2>
<form id="nameSubmit" action="">
    <div>
        The name is: <span id="test" data-bind="text: Name"></span>
    </div>
    <div>
        He's <span id="age" data-bind="text: Age"></span>
    </div>
    <div>
        He's from
        <input type="text" id="birthPlace" name="birthPlace"/>
    </div>
    <div>
        <button data-bind="click: save">Click Me</button>
    </div>
</form>

推荐答案

默认情况下，jQuery Validate会在提交时进行验证.因此，如果敲除操作中断了该操作，即实际上没有触发onSubmit事件，则可以做到这一点.最好的选择可能是按照您在sendToServer函数中进行的一些计划进行操作-从敲除提交事件中手动触发验证:

By default jQuery Validate does it's validation on submit. So if knockout is interrupting that, i.e. by not actually triggering the onSubmit event, that would do it. Your best bet may be to do as you were somewhat planning there in your sendToServer function - manually trigger the validation from your knockout submit event:

if (!$('form').valid()){
    $('form').showErrors();
    return false;
}

//otherwise, get on with whatever knockout needs to do
...
return true;

这篇关于淘汰赛+ jQuery验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！