Question

我需要一个帮助。我需要验证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之类的www.angon.com，然后它应该抛出验证错误，在http/https的开头添加URL {1}}。请帮助我。

Answer 1

您可以简单地在输入字段中添加type="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

如何使用Angular.js / Javascript为url添加输入字段验证

1 个答案: