Comment faire une erreur url pour un formulaire en angulaire js

Question

J'essaie d'effectuer une erreur d'URL pour mon formulaire et il valide, mais le problème est, avant que j'utilise la validation pendant que je soumets mon formulaire mais quand j'ai changé pour url validation, alors le formulaire ne montre pas une erreur lorsqu'il est soumis avec un champ vide.

<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

Vous devez valider URL pour que vous devez vérifier addNews.newsUrl.$error.url dans votre ng-class et votre code est quelque chose comme ceci:

<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> 

Espérons que cela aidera :)