angularjs,在输入字段中输入不提交

恩舒马赫

我有一个MVC表单,并且正在创建一个关键字选择器作为有角度的指令,这很好用。但是我似乎无法弄清楚如何防止'enter'事件提交表单?

我希望能够在输入字段中写一些文本,按Enter键,然后用户写的文本将作为关键字显示在下面,但是表单没有提交,而是提交了。

如何防止在Enter时提交表单?它是使用伪指令中创建的普通html输入字段创建的。

有任何想法吗 ?

(非常类似于stackoverflow上的标签部分的工作方式)

像素位

您可以实现一个简单的noenter指令:

app.directive('noenter',function() {
  return function(scope, element) {
    element.on('keypress', function(e) {
      if (e.which === 13) {
          return false;

      }
      return true;
    })
  }
});

用法:

<input type="text" noenter />

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

计算输入字段中的字符,然后提交

来自分类Dev

清除Angular表单提交中的输入字段?

来自分类Dev

输入的Key.ENTER不提交

来自分类Dev

jQuery-在输入时不提交数据

来自分类Dev

为什么表单提交不会被 angularJS 中的无效输入字段阻止?

来自分类Dev

如何清除AngularJS中的输入字段

来自分类Dev

在angularjs中聚焦某个输入字段

来自分类Dev

AngularJS在输入字段中隐藏文本

来自分类Dev

如何清除AngularJS中的输入字段

来自分类Dev

在angularjs中聚焦特定的输入字段

来自分类Dev

mvc - 输入时提交文本输入字段

来自分类Dev

填充输入字段angularJs

来自分类Dev

填充输入字段angularJs

来自分类Dev

使用按钮提交输入字段

来自分类Dev

输入字段未按Enter提交

来自分类Dev

提交时清除输入字段

来自分类Dev

jQuery-在数字输入中添加逗号,但不提交

来自分类Dev

HTML在不提交数据的情况下从输入中填充选择菜单?

来自分类Dev

如何在表单中仅提交1个输入字段?

来自分类Dev

在以下代码中成功提交AngularJS后,如何清空(或重置)表单上的所有输入字段?

来自分类Dev

JS表单验证并发送表单而不提交输入

来自分类Dev

React.js:具有多个输入的表单不提交

来自分类Dev

jQuery 在不提交的情况下收集输入

来自分类Dev

如何创建检查输入但不提交数据的 HTML 按钮?

来自分类Dev

在AngularJS中输入ng-change时如何提交表单

来自分类Dev

angularJS绑定到输入的输入键,如果输入是按钮则提交

来自分类Dev

输入字段之后但提交之前,动态总计输入字段值

来自分类Dev

在输入日期字段中输入合法日期之前,如何禁用“提交”按钮?

来自分类Dev

AngularJS输入字段焦点事件?

Related 相关文章

热门标签

归档