Question

我在html中使用angular和bootstrap创建了一个简单的表单。我的问题是，当我在输入中按Enter键时，它会从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>

你知道我怎么打电话＆＃34;提交（）＆＃34;只有当我按下提交按钮？

感谢。

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表格时提交

1 个答案: