JQuery kullanarak anlık bir form kontrolü yapma

Yazarı:

JQuery kullanarak anlık bir form kontrolü yapmak için aşağıdaki adımları izleyebilirsiniz:

  1. Öncelikle bir form oluşturun ve bu formda kontrol edilecek alanları oluşturun. Örneğin, aşağıdaki gibi bir form oluşturabilirsiniz:
<form id="kontrol_formu">
  <label for="kullanici_adi">Kullanıcı Adı:</label><br>
  <input type="text" id="kullanici_adi"><br>
  <label for="parola">Parola:</label><br>
  <input type="password" id="parola"><br><br>
  <input type="submit" value="Gönder">
</form>
  1. Daha sonra, JQuery kodlarını kullanarak formdaki alanlara yazılan bilgileri anlık olarak kontrol edin. Örneğin, aşağıdaki gibi bir kod kullanarak kullanıcı adı ve parolanın doğruluğunu kontrol edebilirsiniz:
// Formdaki alanlara yazılan bilgileri anlık olarak kontrol edin
$("#kontrol_formu input").on("input", function() {
  // Kullanıcı adı ve parolanın doğruluğunu kontrol edin
  if ($("#kullanici_adi").val() == "kullanici_adi" && $("#parola").val() == "parola") {
    // Eğer bilgiler doğru ise formu göndermeye izin verin
    $("#kontrol_formu").unbind("submit").submit();
  } else {
    // Eğer bilgiler yanlış ise formu göndermeye izin vermeyin
    $("#kontrol_formu").bind("submit", function(e) {
      e.preventDefault();
    });
  }
});

Bu şekilde JQuery kullanarak anlık bir form kontrolü yapabilirsiniz

Yorum yapın