отправить форму с помощью клавиши Enter, используя angular.js

Question

отправить форму с помощью клавиши Enter, используя angular.js

0

Мне нужна одна помощь. Мне нужно отправить форму, когда пользователь нажмет клавишу ввода, используя Angular.js. Я объясняю свой код ниже.

    <form name="billdata" id="billdata" enctype="multipart/form-data" novalidate>
    <div id="SHOWDATA">
        <div id="transactionsPortlet" class="panel-collapse collapse in">
            <div class="portlet-body">
                <div class="totalaligndiv">
                    <div class="col-md-6">
                        <div class="input-group bmargindiv1 col-md-12">
                            <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Subject Type:</span>
                            <input type="text" name="shortname" id="resourcesub" class="form-control" placeholder="Add Your Subject Type " ng-model="subject" ng-keypress="clearField('resourcesub');">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="input-group bmargindiv1 col-md-12">
                            <span class="input-group-addon ndrftextwidth text-right" style="width:180px">No of Classes:</span>
                            <select class="form-control" id="resourceperiod" ng-model="period" ng-change="removeBorder('resourceperiod',subject);">
                                <option value="">Select Class</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                            </select>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                    <div style="text-align:center; padding-top:10px;">
                        <input type="button" class="btn btn-success" ng-click="addClassData();" id="addProfileData" ng-value="buttonName" />
                        <input type="button" class="btn btn-red" ng-click="cancelClassData();" id="cancelProfileData" ng-value="cancelbuttonName" ng-show="showCancel" />

                    </div>

                    <div class="clearfix"></div>

                </div>
            </div>
        </div>
    </div>
</form>

Здесь мне нужно, если пользователь нажимает клавишу ввода без предоставления каких-либо данных, будет отображаться подтверждение. Если пользователь нажимает клавишу ввода, предоставляя все данные, которые будет отправлена формой. Теперь я могу выполнять операции, нажав кнопку, но здесь мне нужны оба.Пожалуйста, помогите мне.

subhra 26 нояб. 2015, в 08:28

Источник

0

stackoverflow.com/questions/15417125/...
Simone Zandara 26 нояб. 2015, в 07:15

Теги:

javascript

angularjs

forms

1 ответ

Ещё вопросы

krish · Accepted Answer · 2015-11-26T04-42-00.000Z

Вы можете поместить ng-submit как:

<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate ng-submit="addClassData();">

или если вы хотите сохранить его, а не submit buttton, чем ниже, вы можете помочь вам.

angular.module('NgEnter', [])
    .directive('ngEnter', function() {
        return function(scope, element, attrs) {
            element.bind("keypress", function(e) {
                if(e.which === 13) {
                    scope.$apply(function(){
                        scope.$eval(attrs.ngEnter, {'e': e});
                    });
                    e.preventDefault();
                }
            });
        };
    });

и чем называть эту директиву

<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate ng-enter="addClassData();">