Отправить при нажатии на ввод вопроса, html-форму

Question

Я сделал простую форму в html с угловым и бутстрапом. Моя проблема в том, что когда я нажимаю ввод на входе, он вызывает мой метод отправки из 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