Angularjs 角度JSURL验证

Angularjs 角度JSURL验证,angularjs,html,Angularjs,Html,我们必须验证用户为URL字段提供的值 系统询问Facebook、Twitter、Google+等 有人能给我们推荐最好的方法吗 我们使用以下模式 谢谢,您可以开始使用输入类型作为url 范例 <form name="form1" ng-controller="x"> <label>Enter Site Name:</label> <input type="url" ng-model="initialwebsite" name="name"

我们必须验证用户为URL字段提供的值

系统询问Facebook、Twitter、Google+等

有人能给我们推荐最好的方法吗

我们使用以下模式


谢谢,

您可以开始使用输入类型作为
url

范例

<form name="form1" ng-controller="x">
    <label>Enter Site Name:</label>
    <input type="url" ng-model="initialwebsite" name="name" required />
    <span style="color:red" ng-show="form1.name.$error.required">
    You Can't Leave This Field Empty</span>
    <span style="color:red" ng-show="form1.name.$error.url">
    Sorry Not a Valid URL, Don't Forget to Use http://</span>
    <input type="submit" value="Submit"/>
</form>

你到底需要验证什么?
(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}www\.[^\s]+\.[^\s]{2,})
试试这个
<form name="form1" ng-controller="x">
    <label>Enter Site Name:</label>
    <input type="url" ng-model="initialwebsite" name="name" required />
    <span style="color:red" ng-show="form1.name.$error.required">
    You Can't Leave This Field Empty</span>
    <span style="color:red" ng-show="form1.name.$error.url">
    Sorry Not a Valid URL, Don't Forget to Use http://</span>
    <input type="submit" value="Submit"/>
</form>
"#([a-z]([a-z]|\d|\+|-|\.)*):(\/\/(((([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?((\[(|(v[\da-f]{1,}\.(([a-z]|\d|-|\.|_|~)|[!\$&'\(\)\*\+,;=]|:)+))\])|((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|(([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=])*)(:\d*)?)(\/(([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*|(\/((([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)|((([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)|((([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)){0})(\?((([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\xE000-\xF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\x00A0-\xD7FF\xF900-\xFDCF\xFDF0-\xFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?#iS"