Я работаю с небольшой формой, у меня есть только два поля.
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;
что вы можете сделать, это сохранить копию исходного объекта
var original = $scope.discussion;
а затем во время сброса:
$scope.discussion = angular.copy(original)
$scope.message_frm.$setPristine()
также сбросьте тип кнопки
type='reset' in <button>