Form veya soru formu oluşturulurken belirli bir alana kullanıcı girişi değeri atanması gerekliliği olabilir. Örneğin, bunları kullanmak için gizli girişler, yani bir şifre veya şifrelenmiş bir değer eklemek. Bu gibi durumlarda, gizli bir giriş öğesinin değerini JavaScript aracılığıyla ayarlamak, verilerin güvenli ve emniyette tutulmasına yardımcı olur.
Bu blog, gizli bir giriş alanının değerini JavaScript aracılığıyla ayarlama prosedürünü tartışacaktır.
Gizli Giriş Alanının Değeri JavaScript ile Nasıl Ayarlanır?
Gizli giriş alanının değerini JavaScript aracılığıyla ayarlamak için aşağıda belirtilen yaklaşımları uygulayın:
Yöntem 1: Gizli Öğenin Değerini innerHTML Özelliği Yoluyla Ayarlayın
“ içHTML ” özelliği, öğenin HTML içeriğini döndürür. Bu özellik, kullanıcı tanımlı değeri ayarlamak ve ayrılan gizli giriş alanına eklemek için kullanılabilir.
Sözdizimi:
eleman.innerHTML = metin
Yukarıdaki sözdiziminde, “ eleman ”, “ ile eklenmesi gereken öğeyi ifade eder. metin ' değer.
Misal
Aşağıda belirtilen örnek üzerinden gidelim:
< giriş tip = 'gizlenmiş' İD = 'gizli Öğe' değer = '' >< senaryo >
İzin Vermek myInput = komut istemi ( 'Lütfen Metninizi giriniz' , '' ) ;
Eğer ( Girişim ! = boş ) {
İzin Vermek x = belge.getElementById ( 'gizli Öğe' ) .innerHTML = 'Gizli öğenin değeri: ' + Girişim;
uyarmak ( x )
}
senaryo >
Yukarıdaki kod bloğunda:
- İlk olarak, belirtilen özelliklere sahip giriş alanını oluşturun.
- “ tip 'değeri olan özellik' gizlenmiş ” gizli bir alan olduğunu belirtir.
- Bundan sonra “ Komut istemi ” iletişim kutusu kullanıcıdan bir değer alır.
- Şimdi, kullanıcı tanımlı değere “ olmayacak şekilde bir kontrol uygulayın. boş ' kullanmak ' Eğer ' şart.
- Son olarak, gizli giriş alanına “ ile erişin. İD ' kullanmak ' getElementById() ” yöntemini seçin ve kullanıcı tanımlı değeri “ aracılığıyla ona ayarlayın. içHTML ' Emlak.
- Son olarak, eklenen değeri bir uyarı aracılığıyla görüntüleyin.
Çıktı
Görüldüğü gibi, kullanıcı girişi değeri gizli giriş alanına eklenir.
Yöntem 2: jQuery Yaklaşımını Kullanarak Gizli Öğenin Değerini Ayarlayın
Bu yaklaşımda, jQuery'nin ' val() Görünür giriş metin alanının değerini gizli giriş alanına tahsis etmek için ” yöntemi kullanılacaktır.
Misal
Aşağıdaki kodu gözden geçirelim:
< p > değeri girin için gizli eleman p >< giriş İD = 'girişimim' değer = '' tip = 'metin' />< br >
< giriş İD = 'gizli Öğe' tip = 'gizlenmiş' değer = '' />
< br >
< buton İD = 'btnGöster' > Göndermek buton >
< senaryo kaynak = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > senaryo >
< senaryo >
$ ( '#btnGöster' ) .üzerinde ( 'Tıklayın' , işlev ( ) {
İzin Vermek girdiDeğeri = $ ( '#girişim' ) .val ( ) ;
$ ( '#hiddenElement' ) .val ( Girdi değeri ) ;
uyarmak ( 'Gizli Elemanın değeri :' + girişDeğeri ) ;
} ) ;
senaryo >
Yukarıdaki kod satırlarında:
- İlk olarak, belirtilen niteliklere sahip bir giriş metni alanı ekleyin.
- Benzer şekilde, '' ifadesinden de anlaşılacağı gibi, başka bir gizli giriş alanı tahsis edin. tip ' bağlanmak.
- Belirli bir ' olan
- Ardından “” yardımıyla jQuery kütüphanesini dahil edin. kaynak ” özniteliği “
' etiket. - JS kodunda, oluşturulan butona erişin ve “ üzerinde() Düğme tıklamasıyla işlevi yürütmek için onunla yöntem.
- İşlev tanımında, ' görünür girişe erişin metin ” alanını seçin ve değerini “ kullanarak alın. val() ' yöntem.
- Bir sonraki adımda, getirilen değer “ gizli girişine tahsis edilecektir. metin ” alanı üzerinden “ val() ' yöntem.
- Son olarak, ' için ayrılan sonuç değerini görüntüleyin. gizli giriş alanı ” bir uyarı aracılığıyla.
Çıktı
Yukarıdaki çıktıda, görünen girişin değerinin “ olduğu görülebilir. metin ” alanı “ gizlenmiş ' giriş alanı.
Çözüm
Gizli bir giriş alanının değerini JavaScript aracılığıyla ayarlamak için “ içHTML 'özellik veya jQuery' val() ' yöntem. innerHTML özelliği, kullanıcı tanımlı değeri ekleyerek istenen işlevselliği uygulamak için kullanılabilir. val() yöntemi, görünür giriş metni alanının değerini gizli giriş alanına tahsis etmek için uygulanabilir. Bu blog, JavaScript aracılığıyla gizli bir giriş alanının değerini ayarlama prosedürünü tartıştı.