Validators / uri

Edit on Github

Validate an URL address.

Option Equivalent HTML attribute Type Description
message data-bv-uri-message String The error message

You can use type="url" attribute to enable this validator.

Example

Thank to Mathias Bynens for providing this amazing collection of URL examples.
URL Result
Valid URL examples
http://foo.com/blah_blah
http://foo.com/blah_blah/
http://foo.com/blah_blah_(wikipedia)
http://foo.com/blah_blah_(wikipedia)_(again)
http://www.example.com/wpstyle/?p=364
https://www.example.com/foo/?bar=baz&inga=42&quux
http://✪df.ws/123
http://userid:[email protected]:8080
http://userid:[email protected]:8080/
http://[email protected]
http://[email protected]/
http://[email protected]:8080
http://[email protected]:8080/
http://userid:[email protected]
http://userid:[email protected]/
http://142.42.1.1/
http://142.42.1.1:8080/
http://➡.ws/䨹
http://⌘.ws
http://⌘.ws/
http://foo.com/blah_(wikipedia)#cite-1
http://foo.com/blah_(wikipedia)_blah#cite-1
http://foo.com/unicode_(✪)_in_parens
http://foo.com/(something)?after=parens
http://☺.damowmow.com/
http://code.google.com/events/#&product=browser
http://j.mp
ftp://foo.bar/baz
http://foo.bar/?q=Test%20URL-encoded%20stuff
http://مثال.إختبار
http://例子.测试
http://उदाहरण.परीक्षा
http://-.~_!$&'()*+,;=:%40:80%2f::::::@example.com
http://1337.net
http://a.b-c.de
http://223.255.255.254
Invalid URL examples
http://
http://.
http://..
http://../
http://?
http://??
http://??/
http://#
http://##
http://##/
http://foo.bar?q=Spaces should be encoded
//
//a
///a
///
http:///a
foo.com
rdar://1234
h://test
http:// shouldfail.com
:// should fail
http://foo.bar/foo(bar)baz quux
ftps://foo.bar/
http://-error-.invalid/
http://a.b--c.de/
http://-a.b.co
http://a.b-.co
http://0.0.0.0
http://10.1.1.0
http://10.1.1.255
http://224.1.1.1
http://1.1.1.1.1
http://123.123.123
http://3628126748
http://.www.foo.bar/
http://www.foo.bar./
http://.www.foo.bar./
http://10.1.1.1
http://10.1.1.254
<form id="urlForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-lg-3 control-label">Your website</label>
        <div class="col-lg-4">
            <input type="text" class="form-control" name="website" />
        </div>
    </div>
</form>
<script>
$(document).ready(function() {
    $('#urlForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            website: {
                validators: {
                    uri: {
                        message: 'The website address is not valid'
                    }
                }
            }
        }
    });
});
</script>
<form id="urlForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-lg-3 control-label">Your website</label>
        <div class="col-lg-4">
            <input class="form-control" name="website"
                type="url" data-bv-uri-message="The website address is not valid" />
        </div>
    </div>
</form>
<script>
$(document).ready(function() {
    $('#urlForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        }
    });
});
</script>

Comments

If you want to report a bug, please submit the issue on Github. Do NOT post the issue here.

For a general question or feedback, use the form below.