<form> <input autocomplete="one-time-code" required/> <input type="submit"> </form>kodlarımı ekledim ama bir türlü formun içi otomatik olarak dolmuyor ne yapabilirim ?
https://web-otp.mehmetsert.com.tr/ burayı test ettiğimde çalışıyor ama kendi sayfamda çalıştıramadım.
Bende placeholder="Onay Kodu" alanını doldurmadığı gibi url den sonra /?onay=utpkodu şeklinde çalışıyor örneğin sms okumaya izin ver butonu geliyor izin ver dediğimde link example.com/?onay=123456 şekline dönüşüyor.
<form id="frmonay<?=$basformid?>">
<div id="onaysonucu<?=$basformid?>" style="display:none"></div>
<p></p>
<p class="zzzd">
<span class="zzz" style="text-align:center">Telefon Numaranız Doğru mu ?</br>Sms Doğrulama Kodunu Giriniz</span>
<span style="display: block;margin-top: 40px;font-size: 14px;margin-bottom: 1px;"><span id="gelennumara<?=$basformid?>"></span><span class="zfc-number-get" id="tlfnmr<?=$basformid?>"></span> Nolu Telefona Gönderilen Doğrulama Kodunu Giriniz </span>
<input type="number" class="nmbrr zz3" value="" maxlength="6" placeholder="Onay Kodu" autocomplete="one-time-code" style="color: #9d9d9d" name="onay" id="onay<?=$basformid?>"></input>
<input type="hidden" class="nmbrr zz2" value="Deneme Deneme" style="color: #9d9d9d"></input>
<input type="hidden" class="nmbrr zz1" value="" style="color: #9d9d9d">
</input>
<span class="zzd">
<span class="evc" input type="submit" id="butbasonayla<?=$basformid?>" onClick="basvuruonay(<?=$basformid?>);">Başvuruyu Onayla</span>
<span class="hyrzz" id="numduzelt<?=$basformid?>" onClick="numaraduzelt(<?=$basformid?>);">Numarayı Düzelt</span>
</span>
</p>
</form><!-- Web OTP API -->
<script>
if ('OTPCredential' in window) {
window.addEventListener('DOMContentLoaded', e => {
const input = document.querySelector('input[autocomplete="one-time-code"]');
if (!input) return;
const ac = new AbortController();
const form = input.closest('form');
if (form) {
form.addEventListener('submit', e => {
ac.abort();
});
}
navigator.credentials.get({
otp: {
transport: ['sms']
},
signal: ac.signal
}).then(otp => {
input.value = otp.code;
if (form) form.submit();
}).catch(err => {
console.log(err);
});
});
}
</script>