当我按下回车问题时提交，html 表格

Question

我在 html 中用 angular 和 bootstrap 做了一个简单的表格。我的问题是，当我在输入中按回车键时，它会从 ng-click 调用我的提交方法。

<form id="detaliiCursa" class="form-horizontal">
  <h3> Detaliile cursei </h3>

  <div class="form-group">
    <label class="col-md-3 control-label">Sursa:</label>

    <div class="col-md-8">
      <input id="sourcePoint" type="text" class="form-control" name="sourcePoint" ng-model="detaliiCursa.sursa"/>
    </div>
  </div>

  <div class="form-group">
    <label class="col-md-3 control-label">Destinatie:</label>

    <div class="col-md-8">
      <input id="destinationPoint" type="text" class="form-control" name="destinationPoint" ng-model="detaliiCursa.destinatie"/>
    </div>
  </div>

  <div class="form-group">
    <div class="col-xs-9 col-xs-offset-3">
      <button type="submit" class="btn btn-primary" name="submit" value="submit" ng-click="submit()">Submit</button>
    </div>
  </div>
</form>

你知道我怎样才能调用 "submit()" 只有当我按下提交按钮时？

谢谢。

Answer 1

您可以将按钮类型从 submit 更改为 button。当输入类型为 submit 时，它会尝试在单击表单的任何输入元素时提交表单。

HTML

<div class="form-group">
  <div class="col-xs-9 col-xs-offset-3">
    <button type="button" class="btn btn-primary" name="submit" value="submit" ng-click="submit()">Submit</button>
  </div>
</div>

Working Plunkr

当我按下回车问题时提交，html 表格

Submit when I press enter issue, html form

html

javascript

forms

angularjs

angular-ui-bootstrap