我需要一个帮助。我需要验证URL的输入字段。我在下面解释我的代码。
<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right oditek-form" style="width:180px" id="identitylabel">Website URL:</span>
<input type="text" name="url" id="weburl" class="form-control oditek-form" placeholder="Add Website URL" ng-model="url" ng-keypress="clearField('weburl');">
</div>
现在我可以在这里输入任何格式的任何URL。假设用户输入的是URL这样，www.angon.com那么它应该抛出验证错误以添加http/https到。开头URL。请帮助我。
您可以简单地type="url"在输入字段中使用添加，以便验证输入字段的值，并通过验证其有效URL来ng-invalid在输入字段上添加类。
标记
<input type="url" name="url" id="weburl"
class="form-control oditek-form" placeholder="Add Website URL"
ng-model="url" ng-keypress="clearField('weburl');"/>
请参阅示例：-https : //docs.angularjs.org/api/ng/input/input%5Burl%5D
ng-pattern“ -https://docs.angularjs.org/api/ng/directive/ngPattern
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句