Vérification OTP via un numéro de mobile à l’aide de Javascript

La vérification d’un mot de passe à usage unique (dru) implique généralement de comparer l’OTP fourni par un utilisateur à celui généré par un système ou un service de confiance. Les OTP sont couramment utilisés à des fins d’authentification et de sécurité. Voici un aperçu général de la façon de vérifier un OTP.

Entrée de l’utilisateur

L’utilisateur fournit un OTP via une application.

Générer un OTP

Côté serveur, un OTP est généré par une API tierce en cliquant sur le bouton Obtenir OTP.

Validation

Les étapes ci-dessous servent à valider l’OTP.

1. Mettez l’OTP dans le champ OTP avec le bouton valider OTP.

2. Si valider-otp-par-numéro api renvoie le succès, puis affiche le message correspondant et ajoute une classe isValidateOtp sinon, renvoie une erreur.

$('.validate-otp').once().click(function (e) {
  var mobile_element = $('.mobile-number);
  var mobileNumber = mobile_element.val();
  var otp = $('.otp').val();
  var data = [otp, mobileNumber];
  if (/^\d{5,}$/.test(mobile_element.val())) {
    $('.error-otp).empty();
    $.ajax({
      type: 'POST',
      url: '/validate-otp-by-number/' + data, 
      dataType: "json",
      cache: false,
      success: function (result) {
        if(result.status == 'success') {
          $('.otp').addClass('isValidateOtp');
    $('.otp').append('<span class="green">'+result.message+'</span>');
        }else{
$('.otp').append('<span class="error">'+result.message+'</span>');
    });
  }
});

3. Si l’utilisateur modifie le numéro, supprimez la classe isValidateOtp

    jQuery('.mobile-number').change(function(){
      $('.otp').removeClass('isValidateOtp');
      })

Conclusion

L’article ci-dessus est utilisé pour la validation OTP et pour empêcher l’accès aux autres comptes.

Merci d’avoir lu cet article, j’espère que cela vous sera utile. Veuillez commenter ci-dessous si vous avez des questions à ce sujet.