Question

因为我不熟悉AngularJS，所以需要一些帮助。

我有一个表单，其中有一个显示对话框的按钮，然后弹出该对话框后，用户必须从对话框上的按钮提交表单。

但是目前如果用户在打开对话框之前点击进入textBox，则会在没有生成对话框的情况下提交表单。

主窗体上的按钮如下所示：

<button type="button" class="xyz xyz-one" ng-Click="popDialog()">

最后提交表单的对话框上的按钮如下所示：

<button type="submit" class="xyz xyz-one">

当用户点击进入时，在UI上是否有任何方式阻止表单自动提交，只弹出对话框？

Answer 1

在表单中的每个文本字段中，添加以下指令：

ng-keydown="preventFormSubmission($event)"

然后在您的控制器中执行以下操作：

$scope.preventFormSubmission = (event) => {
    // Keycode 13 is the enter button
    if (event.keyCode === 13) {
        event.preventDefault()
    }
}

$event是保存刚刚发生的事件（按下的键）的所有数据的对象。致电event.preventDefault()将停止自动提交表单。

Answer 2

将主窗体中的按钮更改为

<button type="button" ng-click="submit()">

Angular - ng-Click问题并提交

2 个答案: