JS/HTML UI widget for entering OTP tokens of varying length (e.g. TOTP, SMS), auto-progression, fires custom event etc.
One Time Pad input widget, for entering numeric OTP codes (e.g. TOTP, sent-via-SMS), automatic progression between fields, raises a custom "complete" event when all fields contain a number where the 'detail' property includes property "otp_token" which is the value entered. Also allows paste (pointer/[ctrl|cmd]-v), and left-arrow or backspace to move back to previous fields
e.g.;
let tot=new OTP_Input();
tot.render(document.getElementById('otp_container_div'));
tot.instance.addEventListener('complete',function(e){
console.log(e.detail);
})
See code for documentation, or look at example.html for a functional example;
No warranty or guarantee of any kind. All using plain old-fashioned javascript.