2015-03-01 2 views
0

помогите пожалуйста отменить отправку формы. после нажатия кнопки отправки, которая будет отображаться в сообщении консоли:как отменить форму контроллера?

stop submitForm! false

и отправка формы должна быть заблокирована. потому что

$scope.message = false 

ЯШ:

var briefApp = angular.module("briefApp", []); 

briefApp.controller("briefController", function ($scope) { 
    $scope.attachmentFilesize = false; 
    $scope.attachmentFileformat = false; 
    $scope.name = false; 
    $scope.email = false; 
    $scope.phone = false; 
    $scope.message = false; 

    $scope.submitForm = function (event) { 
     if($scope.message == false){ 
      console.log('stop submitForm! false'); 
     }else{ 
      console.log('submitForm! true'); 
     } 
    }  
}) 

HTML:

<form enctype="multipart/form-data" name="brief_form_new" id="brief_form_new_test" action="#" method="post" novalidate="novalidate" ng-app="briefApp" ng-controller="briefController" ng-submit="submitForm()" > 
    <textarea type="text" 
       name="message_new" 
       rows="5" 
       cols="50" 
       class="main_field" 
       placeholder="Я хочу... *" 
       style="width: 426px;" 
       title="Заполните поле"></textarea> 

    <input type="submit" value="Отправить" class="brief_submit_new" /> 
</form> 

fillde

+1

Отменить действие по умолчанию: '<форма нг подать = "SubmitForm ($ событий)">' в шаблоне и '$ event.preventDefault(); 'в функции , – Blackhole

ответ

1

Вам необходимо пройти $event с точки зрения в функцию, а затем остановить DEFUALT возникновение события по preventDefault()

ng-submit="submitForm($event)" 

Контроллер

$scope.submitForm = function ($event) { 
     if($scope.message == false){ 
      console.log('stop submitForm! false'); 
     }else{ 
      console.log('submitForm! true'); 
     } 
     $event.preventDefault(); 
    }  
Смежные вопросы