Vormi või küsimustiku loomisel võib tekkida nõue määrata konkreetsele väljale kasutaja sisestatud väärtus. Näiteks konfidentsiaalsete kirjete, st parooli või kodeeritud väärtuse lisamine nende kasutamiseks. Sellistel juhtudel aitab peidetud sisendelemendi väärtuse määramine JavaScripti kaudu andmeid turvaliselt hoida.
Selles ajaveebis käsitletakse peidetud sisestusvälja väärtuse määramise protseduuri JavaScripti kaudu
Kuidas määrata peidetud sisendvälja väärtust JavaScripti kaudu?
Peidetud sisestusvälja väärtuse määramiseks JavaScripti kaudu kasutage alltoodud lähenemisviise.
1. meetod: määrake peidetud elemendi väärtus sisemise HTML-i atribuudi kaudu
' sisemine HTML ” atribuut tagastab elemendi HTML-i sisu. Seda atribuuti saab kasutada kasutaja määratud väärtuse määramiseks ja lisamiseks eraldatud peidetud sisestusväljale.
Süntaks:
element.innerHTML = tekst
Ülaltoodud süntaksis ' element ' viitab elemendile, millele tuleb lisada ' tekst ” väärtus.
Näide
Vaatame läbi alltoodud näite:
< sisend tüüp = 'peidetud' id = 'peidetud element' väärtus = '' >< stsenaarium >
lase myInput = viip ( 'Palun sisestage oma tekst' , '' ) ;
kui ( minu sisend ! = null ) {
lase x = document.getElementById ( 'peidetud element' ) .innerHTML = 'Peidetud elemendi väärtus on:' + minu sisend;
hoiatus ( x )
}
stsenaarium >
Ülaltoodud koodiplokis:
- Esiteks looge sisestusväli, millel on märgitud atribuudid.
- ' tüüp ' atribuut väärtusega ' peidetud ” tähendab, et tegemist on peidetud väljaga.
- Pärast seda ' viip ” dialoogiaken võtab kasutajalt väärtuse.
- Nüüd kontrollige kasutaja määratud väärtust nii, et see poleks ' null ' kasutades ' kui ” tingimus.
- Lõpuks pääsete peidetud sisestusväljale juurde selle ' id ' kasutades ' getElementById() ” meetodit ja määrake sellele kasutaja määratud väärtus käsu „ sisemine HTML ” vara.
- Lõpuks kuvage lisatud väärtus hoiatuse kaudu.
Väljund
Nagu täheldatud, lisatakse kasutaja sisestatud väärtus peidetud sisestusväljale.
2. meetod: määrake peidetud elemendi väärtus jQuery meetodi abil
Selle lähenemisviisi puhul on jQuery ' val() ” meetodit kasutatakse nähtava sisendtekstivälja väärtuse määramiseks peidetud sisestusväljale.
Näide
Vaatame järgmist koodi:
< lk > Sisestage väärtus jaoks peidetud element lk >< sisend id = 'minu sisend' väärtus = '' tüüp = 'tekst' />< br >
< sisend id = 'peidetud element' tüüp = 'peidetud' väärtus = '' />
< br >
< nuppu id = 'btnShow' > Esita nuppu >
< stsenaarium src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > stsenaarium >
< stsenaarium >
$ ( '#btnShow' ) .peal ( 'klõps' , funktsiooni ( ) {
lase inputValue = $ ( '#minusisend' ) .val ( ) ;
$ ( '#varjatudElement' ) .val ( inputValue ) ;
tähelepanelik ( 'Varjatud elemendi väärtus on:' + inputValue ) ;
} ) ;
stsenaarium >
Ülaltoodud koodiridades:
- Esiteks lisage sisendtekstiväli, millel on märgitud atribuudid.
- Samuti eraldage teine peidetud sisestusväli, nagu ilmneb selle ' tüüp ” atribuut.
- Lisatud
- Pärast seda lisage jQuery teek, kasutades ' src ' atribuut jaotises '