我需要一个帮助。我需要验证 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 模式“- https://docs.angularjs.org/api/ng/directive/ngPattern
关于javascript - 如何使用 Angular.js/Javascript 为 url 添加输入字段验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35813696/