代码之家 › 专栏 › 技术社区 › Rupesh

停止在Angular JS中HTML表单的Select属性上自动提交表单

angular html

0

Rupesh · 技术社区 · 8 年前

我正在制作一个表单,用户可以在其中选择他们的分支。

这是我的表格-

<form method="post" [formGroup]="formData" (click)="dataSubmit()" >
      <div class="form-group">
        <label for="branch">Select Branch</label>
        <select [formControl]="branchControl" class="form-control" id="branch">
          <option value="cs">CS</option>
          <option value="it">IT</option>
          <option value="me">ME</option>
          <option value="ece">ECE</option>
          <option value="civil">CIVIL</option>
          <option value="ene">ENE</option>
          <option value="eie">EIE</option>
        </select>
      </div>
</div>

问题是当我选择任何分支时,它会自动提交分支,而不单击提交按钮。

如何阻止这种情况。请帮助

2 回复 | 直到 8 年前

1

0

SHN 8 年前

您使用的是Angular2+而不是AngularJS,这里是 form tutorial . 选择分支时提交表单的原因是以下代码:

<form method="post" [formGroup]="formData" (click)="dataSubmit()" >

这个 (click)="dataSubmit()" 通知Angular在单击表单中的任何内容时提交表单。替换为: (ngSubmit)="dataSubmit()"

现在可以将按钮更改为:

<button type="submit"></button>

现在,只有单击按钮才能提交表单。

2

0

Rupesh 8 年前

当“应用单击事件打开”按钮时工作

<button (click)="dataSubmit()" type="submit"></button>