如何在我的情况下禁用表单提交

时间:2015-04-07 00:21:16

标签: javascript html css angularjs

我试图在用户按 Enter 键时禁用提交操作。

这是我的HTML:

 <form name="form1" class="form-horizontal"
 onkeypress="return event.keyCode != 13;"
 ng-submit="submitForm()">
   <div class="form-group">
     <div>Test here</div>                                            
     <textarea ng-model="message" rows="3"></textarea>
   </div>
 </div>

当用户按 Enter 时,onkeypress属性将使表单无法提交;但是,用户无法在textarea元素中使用breakline。换句话说,即使用户点击 Enter ,用户也只能不间断地打字。有没有办法来解决这个问题?

非常感谢!

2 个答案:

答案 0 :(得分:0)

$("form").submit(function(e) {
    e.preventDefault();
});

因为您正在使用Angular:

$(document).on("submit", "form", function(e) {
    e.preventDefault();
});

答案 1 :(得分:0)

删除此项:ng-submit="submitForm()"在表单中添加一个按钮,通过ng-click="submitForm()进行提交。所有表单都应该有一个提交按钮,以便处理您的问题。使用type="button"

相关问题