5.00 / 1 oy

Html input'ta yapıştır seçeneğini engellemek

Kullanıcının hatalı yazım yapmasının önüne geçmek amacıyla email adresi ya da şifre gibi alanlar iki kere yazdırılır, ama kullanıcılar bir kere yazdıktan sonra bu bilgileri bir alttaki kutucuklara tekrar yazmak yerine ilk yazdıklarını kopyalayıp ctrl+c ve ctrl+v ile yapıştırmayı daha kolay bulurlar ve bu tedbir amaçlı hazırlanan önlem de haliyle hiçbir işlev sağlayamaz duruma gelmiş olur. Kullanıcının bir kutucuğa yazısını yapıştırmasını engellemek için en pratik kontrol şekli javascript'tir.

javascript yapıştırmayı engelle

Html ve Javascript ile Yapıştır Seçeneğini Engellemek

 

HTML

<input type="text" value="" id="email1" placeholder="email adresiniz">
<input type="text" value="" id="email2" placeholder="email adresiniz (tekrar)">

 

JS

<script language="javascript" type="text/javascript">
window.onload = function() {
 const email2 = document.getElementById('email2');
 email2.onpaste = function(e) {
   e.preventDefault();
 }
}
</script>

 

Eğer kopyalama ve yapıştırma işlevlerine izin vermemek için JQuery kullanmak isterseniz de yukarıdaki Html koduı ile birlikte aşağıdaki JQuery kodlarını kullanabilirsiniz:

 

JQuery

<script language="javascript" type="text/javascript">
$(document).ready(function(){
   $('#email2').on("cut copy paste",function(e) {
      e.preventDefault();
   });
});
</script>

 

RainingCodes

17.04.2020 15:20

Bu soru 1 kez yanıtlandı.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Html input'ta yapıştır seçeneğini engellemek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.