如何在角度 js 中对表单执行 url 错误

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 您需要检查ng-class内部的addNews.newsUrl.$error.url，您的代码如下所示：

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

希望这对:)有所帮助