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

How to disable form submit in my case

本文关键字:表单提交 情况下 我的      更新时间:2023-09-26

当用户按下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元素中具有特征线。换句话说,即使用户点击Enter,也只能不间断地继续键入。有办法解决这个问题吗?

非常感谢!

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

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

由于您使用的是Angular:

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