zoukankan      html  css  js  c++  java
  • KnockoutJS 3.X API 第四章 表单绑定(8) submit、enable、disable绑定

    submit绑定目的

    submit绑定即为提交绑定,通常用于form元素。这种绑定方式会打断默认的提交至服务器的操作。转而提交到你设定好的提交绑定回调函数中。如果要打破这个默认规则,只需要在回调函数中返回true即可。

    例如:

    <form data-bind="submit: doSomething">
        ... form contents go here ...
        <button type="submit">Submit</button>
    </form>
     
    <script type="text/javascript">
        var viewModel = {
            doSomething : function(formElement) {
                // ... now do something
            }
        };
    </script>

    在回调函数中,你可以做很多事情,比如前端数据验证if ($(formElement).valid()) { /* do something */ }。等等。

    enable绑定目的

    enable绑定主要用于DOM元素的启用禁用状态,通常用于input,select或者textarea。例如:

    I have a cellphone

    Your cellphone number:

    源码:

    <p>
        <input type='checkbox' data-bind="checked: hasCellphone" />
        I have a cellphone
    </p>
    <p>
        Your cellphone number:
        <input type='text' data-bind="value: cellphoneNumber, enable: hasCellphone" />
    </p>
     
    <script type="text/javascript">
        var viewModel = {
            hasCellphone : ko.observable(false),
            cellphoneNumber: ""
        };
    </script>

    disable绑定目的

    disable绑定与enable绑定整好相反,你可以参考enable。

  • 相关阅读:
    codeforces 1065F Up and Down the Tree
    初探莫比乌斯反演
    IOI2008 island
    miller——rabin判断素数
    NOIP2018游记
    NP是什么意思?
    word2016如何英汉互译
    2.1数字图像化
    Windows程序内部运行机制
    2.2图像灰度直方图
  • 原文地址:https://www.cnblogs.com/smallprogram/p/5942416.html
Copyright © 2011-2022 走看看