Removing default error message
from angular
form on submit
<input name="cardrouting" ng-change="cl(rn, 9)" ng-model-options="{ updateOn: 'default' , allowInvalid:'true'}" ng-model="rn" type="text" pattern="[0-9]*" class="form-control" required />
<span class="error-message" ng-show="form.cardrouting.$invalid && form.$submitted && form.cardrouting.$error.required">Please enter a number</span>
When i click on submit it always shows the below error message instead of "Please enter a number"