Validating URLs（验证url）

如果你问什么是一个有效的URL你也肯定会得到不同的答案取决于你问谁。这影响到url输入类型和手段,尽管大多数浏览器url前缀的需求你可以做一张自己和两个http://和book:/ /将被接受为有效的url前缀。(其实,你唯一需要的是一封信,试一试自己的即时预览验证器下面)。另一方面,没有空间是允许的,但你的url不需要包括一个时期。我希望明确表示,不能完全依赖于url输入验证然而,但它仍然是一个好主意,把它作为它的未来证明你的网站。

<form>
        <input type="url" required /> 
        <input type="submit" value="Submit Now!">
</form>

幸运的是,我们可以改善url验证inout类型通过添加模式属性来我们的输入字段。pattern属性接受JavaScript正则表达式。如果您不熟悉正则表达式,所有你需要知道的现在,就是你可以添加以下属性:模式=“https ?:/ /。+”到你的输入字段,然后你提高了你的url验证,是要求所有的url的开始或者http://或https://

<form>
        <input type="url" pattern="https?://.+" required /> 
        <input type="submit" value="Submit Now!">
</form>