javascript - 如何更改 Angularjs 可编辑文本/文本区域行为?

标签 javascript jquery angularjs validation


我在我的应用程序中使用 angularjs 和 xeditable。我想更改可编辑文本区域和可编辑文本的行为,以允许在用户单击外部时进行验证。
有例子会更好:

<span editable-textarea="item.label.text" e-rows="2" e-cols="80" buttons="no" onshow="onShow()" onhide="onClose()">{{item.label.text}}</span>


使用此代码,我们看不到用于验证和取消我们的选择的按钮。此外,回车键不会生效,因此用户无法验证他的选择。
我想要做的是更改回车键的行为以验证新文本。我想增加用户更改文本的可能性,当他在 textarea 外单击时,新文本将被保存。

问题是即使在阅读了 xeditable 的所有文档之后我也不知道该怎么做,而且我在任何论坛上都没有找到解决方案。

您知道我该怎么做吗?

提前致谢

最佳答案

您可以添加带有 submit 值的 blur 属性,并将其与 onbeforesave 属性相结合:

<span editable-textarea="item.label.text" e-rows="2" e-cols="80" buttons="no" onshow="onShow()" onhide="onClose()" blur="submit" onbeforesave="validate($data)">{{item.label.text}}</span>

示例 fiddle :http://jsfiddle.net/NfPcH/8269/

关于javascript - 如何更改 Angularjs 可编辑文本/文本区域行为?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30453996/

相关文章:

javascript - 强制刷新浏览器,但仅适用于 OS X 上的 Safari?

javascript - 是否有适用于 JavaScript 的 WinRT API 的机器可读版本?

javascript - 为什么更新的状态没有反射(reflect)在事件监听器中 : React Native, Hooks

javascript - 使用 JQuery 单击时打开延迟窗口

php - ajaxCRUD : two questions about insert

jquery - 事件 onSeek - 中止搜索过程

javascript - Angularjs 没有为 Bootstrap Popover 插入标题

c# - 通过 asp.net 中的第一个弹出页面执行第二个弹出页面

javascript - 对于此映射对象和数组,哪种数组函数是更有效的选择?

javascript - 使用调用 Angular/JavaScript 中函数的 array.push 时修改推送到数组中的对象 *array.push(function(parameter))*