KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
更新时间：2016年10月10日 11:20:11 作者：SmallProgram
Knockout是一个以数据模型（data model）为基础的能够帮助你创建富文本，响应显示和编辑用户界面的JavaScript类库。这篇文章介绍了KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定的相关知识，感兴趣的朋友一起看看吧
Knockout是一个以数据模型（data model）为基础的能够帮助你创建富文本，响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新（比如：更新依赖于用户的行为或者外部数据源的改变），KO能够很简单的帮你实现并且很容易维护。
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。
您可能感兴趣的文章:
- KnockoutJS 3.X API 第四章之数据控制流foreach绑定
- KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
- KnockoutJS 3.X API 第四章之数据控制流with绑定
- KnockoutJS 3.X API 第四章之数据控制流component绑定
- KnockoutJS 3.X API 第四章之click绑定
- KnockoutJS 3.X API 第四章之事件event绑定
- KnockoutJS 3.X API 第四章之表单value绑定
- BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
- BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
- KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
相关文章
我觉得使用JS截图的想法是非常荒谬的，首先JS没有权限调用操作系统的截图功能，其次，浏览器（BOM）也没有提供相关的截图接口，经过一番折腾，有点思路了，下面通过实例代码给大家简单介绍下js 截屏功能的实现代码，一起看看吧2017-07-07
这篇文章主要给大家介绍了关于HTML元素拖拽功能实现的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要介绍了JS弹性运动实现方法,结合实例形式分析了JS实现弹性运动的原理、相关技术细节与实现技巧,需要的朋友可以参考下2016-12-12
本文为大家写了个很漂亮、兼容火狐的Js日期选择，自动填充到输入框，代码如下，有需要的朋友可以参考下2013-08-08
这篇文章主要介绍了JS实现的自动打字效果,涉及javascript递归算法、字符串操作及事件函数相关使用技巧,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了Bootstrap CSS组件之导航(nav)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
原生的uniapp的下拉刷新是一个普通的加载框,样式真的很单一,下面这篇文章主要总结介绍了uniapp实现下拉刷新的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
javascript手机验证、邮箱验证、密码验证的正则表达式简单封装实例
正则表达式在日常的数据验证中是必不可少的验证方式,这篇文章主要给大家介绍了关于javascript手机验证、邮箱验证、密码验证的正则表达式简单封装的相关资料,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了js对字符的验证方法,实例汇总了汉字验证、手机验证、邮箱验证、身份证号验证等各种常用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要为大家介绍了通过babel操作AST精准插入配置代码的全流程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步2022-02-02
最新评论