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。

  • 相关阅读:
    pymysql
    flask WTForms
    线程安全问题
    flask学习2
    @functools.wraps(func)
    Solidity开发神器Remix
    Web3j实现智能合约
    基于Ubuntu Docker环境下进行以太坊实践
    以太坊RLP机制分析
    以太坊网络服务分析
  • 原文地址:https://www.cnblogs.com/smallprogram/p/5942416.html
Copyright © 2011-2022 走看看