Example
Result:
true
<div class="mb-3">
<label class="form-label">Input value</label>
<input id="isPortInput" class="form-control form-control-solid" placeholder="Enter a port number..." value="8080">
</div>
<div>
<span class="fw-bold">Result: </span>
<span id="isPortResult" class="badge badge-success">true</span>
</div>
var isPort = metronicExtension.validators.isPort;
var input = document.getElementById('isPortInput');
var result = document.getElementById('isPortResult');
function update() {
var valid = isPort(input.value);
result.textContent = valid ? 'true' : 'false';
result.className = 'badge ' + (valid ? 'badge-success' : 'badge-danger');
}
input.addEventListener('input', update);
update();