title: Client side and server side error message display for AngularJs Form
body: <p>I need to display different messages for client side validation error such as required message (<code>This Field is Required</code>) and server side error message which comes from backend such as (<code>Entered Password is incorrect</code>).</p>
  
  <p>What I am doing now -
  In <code>myController.js</code> : I am setting <code>$scope.message = "This Field is Required";</code>when user does not give any value and try to submit, the above error getting displayed.</p>
  
  <p>But once he gives the value it goes to the server to check whether its valid and server returns another error message i.e <code>Entered Password is incorrect</code> as response if its not valid.</p>
  
  <p>So if I set this response value to my <code>$scope.message</code>, it overrides the previous value and displays correctly, but my issue is once again if user tries to submit with blank value the overridden error message is getting displayed. But here it should display the required message i.e. <code>This Field is Required</code>.</p>
  
  <p>How to implement it?</p>