угловой удалить форму проверки после отправки формы

0

Я работаю с небольшой формой, у меня есть только два поля.

1.textarea с именем message

Файл типа 2.input

Моя проверка формы отлично работает на кнопке отправки. Но после отправки формы выбранный файл не будет пустым, а сообщение проверки для поля сообщения не скроется.

Моя форма ниже: -

<div ng-controller="discussCtrl">
  <form name="message_frm" enctype="multipart/form-data" novalidate>
    <div class="control-group" ng-class="{
                                         true : 'error'
                                        } [submitted && message_frm.message.$valid]">
      <div class="col-xs-12 text-left">
        <!--<div class="row">-->
        <input type="file" ng-file-select="onFileSelect($files)" id="file" name='file' model='discussion.attach' value="">
        <span class="fileNotice">Max file size is 1MB, allowed files are .jpeg, .png, .jpg, .gif, .odt, .xls, .doc, .pdf</span>
        <span ng-show="fileError" id="fileError" class="angular-error simplebox">Please provide a valid file</span>

      </div>
      <div class="col-md-12">
        <div class="boxTextarea">
          <textarea class="sendMesTextarea" id="frmMessage" name="message" placeholder="Write your message here......" ng-model="discussion.message" ng-minlength="10" ng-maxlength="500" required></textarea>
          <span class="angular-error" data-ng-if="message_frm.message.$dirty && message_frm.message.$invalid"> </span>
          <span class="angular-error" data-ng-if="(message_frm.message.$dirty || sub) && message_frm.message.$error.required">Message required.</span>
          <span class="angular-error" data-ng-if="(sub && message_frm.message.$error.minlength) || (message_frm.message.$error.minlength)">min length is 10 </span>
          <span class="angular-error" data-ng-if="(sub && message_frm.message.$error.maxlength) || (message_frm.message.$error.maxlength)">min length is 500 </span>
          <div class="buttonsRow">
            <button type="submit" data-toggle="tooltip" class="greenBtn" ng-click="sub = 1; submitDiscussionData('{{node.id}}')" ng-init="button = 'Send'">{{button}}</button>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>

и я использую ниже код в контроллере: -

$scope.discussion.messages = '';// This blanks message field
$scope.discussion.attach = '';////Does not blank file
$scope.button = 'Send';
$scope.discussion = '';  //Try to blank model                 
$scope.message_frm.$setPristine();//Does not works
$scope.message_frm.$setValidity();//Does not works
return;
Теги:

1 ответ

1
Лучший ответ

что вы можете сделать, это сохранить копию исходного объекта

var original = $scope.discussion;

а затем во время сброса:

$scope.discussion = angular.copy(original)
$scope.message_frm.$setPristine()

также сбросьте тип кнопки

type='reset' in  <button>
  • 0
    Привет entre, спасибо за ваш ответ. Я нашел решение для поля сообщения, я просто установил sub = 0 после отправки формы, но я столкнулся с проблемой с типом входного файла. Это не становится пустым
  • 0
    Я могу использовать JavaScript здесь, но не хочу. Любой ответ будет заметен
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню