Clear textbox after click on reset button using angularjs

Question

Hello, I am creating on form using ASP.Net MVC and AngularJS. I have one textbox which is mandatory, one submit button and one clear button. If textbox remains blank and I clicked on submit button then textbox border color get red.But when I clicked on reset button I want to clear textbox button and remove border color. I have attached my code and snap. Please give me solution

Manimekalai Ganesan · Answer

try out this coding Ajay input.ng-dirty.ng-invalid { background-color: red; } input[required].ng-pristine { border-color: Silver; /*background-color: yellow;*/ } input[required].ng-dirty.ng-valid { background-color: yellow; } var myApp = angular.module('myApp', []); function MyCtrl($scope) { $scope.reset = function() { $scope.requiredField = ''; // Todo: Reset field to pristine state, its initial state! }; } type="text" ng-model="requiredField" required="required">Required field Reset Pristine: {{form.$pristine}}

Ajay Shedge · Answer

Thanks a lot Manimekalai it's very helpful for me.

Manimekalai Ganesan · Answer

Hi Ajay, refer the following it give some idea for your issue https://jsfiddle.net/juurlink/FWGxG/7/ http://stackoverflow.com/questions/12603914/reset-form-to-pristine-state-angularjs-1-0-x

Ajay Shedge · Answer

Hi Manimekalai, Thanks for reply, It's working fine but when I clicked on reset button textbox color remains red. I want to set textbox border color as initially.How to do that

Manimekalai Ganesan · Answer

Hi Ajay refer this link http://stackoverflow.com/questions/18648427/angular-clear-subform-data-and-reset-validation

Clear textbox after click on reset button using angularjs

Barry Mellor