Submit when I press enter issue, html form

Question

I made a simple form in html with angular and bootstrap. My problem is that when I press enter in an input, it calls my submit method from 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>

Do you know how can I call "submit()" only when I press Submit button?

Thanks.

http://stackoverflow.com/questions/19549985/prevent-form-submission-on-enter-key — mindparse, Dec 14 '15 at 20:36

score 4 · Accepted Answer · answered Dec 14 '15 at 20:34

You could change your button type from submit to button. While input type is submit it tries to submit a form on enter click of any input element of the form.

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

Submit when I press enter issue, html form

1 Answers1