How to implement a custom JavaScript validator for a backend configuration field?

I will use my df-validate-domain validator as an example.
It validates a domain name.

An invalid value:

A valid value:

1. view/adminhtml/layout/adminhtml_system_config_edit.xml

2. Df\Config\Js

3. main.js

4. Usage

See also: