Как выполнить ошибку url для формы в угловом js

Question

Я пытаюсь выполнить ошибку URL-адреса для моей формы и проверяет, но проблема в том, что до того, как я использую проверку, пока я отправляю свою форму, но когда я изменил для проверки правильности URL, форма не показывает ошибку при отправке с пустым полем.

<div class="col_full"> 
    <label for="newsUrl">Urlss <small>*</small></label> 
    <input ng-class="{'error': submitted && addNews.newsUrl.$error.required}" id="newsUrl" name="newsUrl" type="url" ng-model="news.url" class="sm-form-control" required/> 
</div> 

Answer 1

Вы должны подтвердить URL для этого вам нужно проверить addNews.newsUrl.$error.url внутри ng-class и ваш код что-то вроде этого:

<div class="col_full"> 
      <label for="newsUrl">Urlss <small>*</small></label> 
      <input ng-class="{'error': submitted && addNews.newsUrl.$error.required && addNews.newsUrl.$error.url}" id="newsUrl" name="newsUrl" type="url" ng-model="news.url" class="sm-form-control" required/> 
</div> 

Надеюсь, это поможет :)