Question

我有一个接受网址的字段。如何在angularjs中验证此URL。

<div class="controls">
   <input type="text" ng-model="controller.data.PropertyWebsite"/>
</div>

任何想法和建议都值得赞赏!!!!

Answer 1

将html输入[url]添加到表单并根据需要进行标记，然后使用angular来检查表单是否有效：

<强> HTML：

<form name="form">
    <tr>
        <td><input type="url" name="url" required></td>
    </tr>
    <tr>
        <td><button type="submit" ng-click="SubmitForm('form')">submit</button>                                    </td>
    </tr>
</form>

<强>控制器：

$scope.submitForm = function () {

    if (this.form.$invalid)
        //not valid
    } else {
        //valid
    }
}

有关网址输入的更多信息： https://docs.angularjs.org/api/ng/input/input%5Burl%5D

Answer 2

您可以使用ng-pattern验证RegEx。 https://docs.angularjs.org/api/ng/directive/input

AngularJs中的网站验证

2 个答案: