JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.dataviz.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<h1>HTML5 validation</h1>
<form>

    <label class="control-label" for="inp1">Disabled with value set</label><br/>
        <input type="url" id="inp1" name="inp1" class="fullwidth" disabled="disabled" value="asd" />

    <br/>
    <label class="control-label" for="inp2">Disabled with NO value set</label><br/>
        <input type="url" id="inp2" name="inp2" class="fullwidth" disabled="disabled" required />

        <br/>

    <label class="control-label" for="inp3">Not disabled</label><br/>
        <input type="url" id="inp3" name="inp3" class="fullwidth" required />

        <br/>

    <button type="submit">submit</button>
</form>

<hr/>
<h1>kendo validation</h1>

<form class="well form-horizontal" id="settings" data-role="validator">

    <label class="control-label" for="inp1">Disabled with value set</label><br/>
        <input type="url" id="inp1" name="inp1" class="fullwidth" disabled="disabled" value="asd" />

    <br/>
    <label class="control-label" for="inp2">Disabled with NO value set</label><br/>
        <input type="url" id="inp2" name="inp2" class="fullwidth" disabled="disabled" required />

        <br/>

    <label class="control-label" for="inp3">Not disabled</label><br/>
        <input type="url" id="inp3" name="inp3" class="fullwidth" required />

        <br/>
    <button type="submit">submit</button>
</form>

JavaScript

var validator = $('#settings').kendoValidator({
}).data('kendoValidator');