Veidojot veidlapu vai anketu, var būt prasība piešķirt lietotāja ievadīto vērtību konkrētam laukam. Piemēram, pievienojot konfidenciālus ierakstus, t.i., paroli vai kodētu vērtību, lai tos izmantotu. Šādos gadījumos slēptā ievades elementa vērtības iestatīšana, izmantojot JavaScript, palīdz nodrošināt datu drošību.
Šajā emuārā tiks apspriesta procedūra, kā iestatīt slēptā ievades lauka vērtību, izmantojot JavaScript
Kā iestatīt slēptā ievades lauka vērtību, izmantojot JavaScript?
Lai iestatītu slēptā ievades lauka vērtību, izmantojot JavaScript, izmantojiet tālāk norādītās pieejas.
1. metode: iestatiet slēptā elementa vērtību, izmantojot iekšējo HTML rekvizītu
' innerHTML ” rekvizīts atgriež elementa HTML saturu. Šo rekvizītu var izmantot, lai iestatītu un pievienotu lietotāja definēto vērtību piešķirtajam slēptajam ievades laukam.
Sintakse:
elements.innerHTML = teksts
Iepriekš minētajā sintaksē ' elements ” attiecas uz elementu, kas jāpievieno ar “ tekstu ” vērtību.
Piemērs
Apskatīsim tālāk sniegto piemēru:
< ievade veids = 'slēpts' id = 'slēptais elements' vērtību = '' >< skripts >
ļaut myInput = uzvedne ( 'Lūdzu, ievadiet savu tekstu' , '' ) ;
ja ( myInput ! = null ) {
ļaut x = document.getElementById ( 'slēptais elements' ) .innerHTML = 'Slēptā elementa vērtība ir: + myInput;
brīdinājums ( x )
}
skripts >
Iepriekš minētajā koda blokā:
- Pirmkārt, izveidojiet ievades lauku ar norādītajiem atribūtiem.
- ' veids ' atribūts ar vērtību ' paslēptas ” nozīmē, ka tas ir slēpts lauks.
- Pēc tam ' pamudināt ” dialoglodziņš iegūst vērtību no lietotāja.
- Tagad pārbaudiet lietotāja definēto vērtību, lai tā nebūtu “ null ' izmantojot ' ja ” nosacījums.
- Visbeidzot, piekļūstiet slēptajam ievades laukam, izmantojot tā ' id ' izmantojot ' getElementById() ” metodi un iestatiet tai lietotāja definēto vērtību, izmantojot innerHTML ” īpašums.
- Visbeidzot, parādiet pievienoto vērtību, izmantojot brīdinājumu.
Izvade
Kā novērots, lietotāja ievadītā vērtība tiek pievienota slēptajam ievades laukam.
2. metode: iestatiet slēptā elementa vērtību, izmantojot jQuery pieeju
Šajā pieejā jQuery's ' val() ” metode tiks izmantota, lai piešķirtu redzamā ievades teksta lauka vērtību slēptajam ievades laukam.
Piemērs
Apskatīsim šādu kodu:
< lpp > Ievadiet vērtību priekš slēptais elements lpp >< ievade id = 'mana ievade' vērtību = '' veids = 'teksts' />< br >
< ievade id = 'slēptais elements' veids = 'slēpts' vērtību = '' />
< br >
< pogu id = 'btnShow' > Iesniegt pogu >
< skripts src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > skripts >
< skripts >
$ ( '#btnShow' ) .ieslēgts ( 'klikšķis' , funkciju ( ) {
ļaut inputValue = $ ( '#manaIevade' ) .val ( ) ;
$ ( '#slēptais elements' ) .val ( inputValue ) ;
brīdinājums ( 'Slēptā elementa vērtība ir:' + inputValue ) ;
} ) ;
skripts >
Iepriekš minētajās koda rindās:
- Pirmkārt, iekļaujiet ievades teksta lauku ar norādītajiem atribūtiem.
- Tāpat piešķiriet citu slēpto ievades lauku, kā redzams no tā ' veids ” atribūts.
- Pievienots
- Pēc tam iekļaujiet jQuery bibliotēku, izmantojot ' src ' atribūts sadaļā '
” tagu. - JS kodā piekļūstiet izveidotajai pogai un saistiet “ uz () ” metodi, lai izpildītu funkciju, noklikšķinot uz pogas.
- Funkcijas definīcijā piekļūstiet redzamajai ievadei “ tekstu ' lauku un iegūstiet tā vērtību, izmantojot ' val() ” metode.
- Nākamajā darbībā ienestā vērtība tiks piešķirta slēptajai ievadei ' tekstu ' lauks, izmantojot ' val() ” metode.
- Visbeidzot parādiet iegūto vērtību, kas piešķirta ' slēptais ievades lauks ” izmantojot brīdinājumu.
Izvade
Iepriekš minētajā izvadā redzams, ka redzamās ievades vērtība “ tekstu lauks ir piešķirts ' paslēptas ” ievades lauks.
Secinājums
Lai iestatītu slēptā ievades lauka vērtību, izmantojot JavaScript, izmantojiet “ innerHTML 'īpašums vai jQuery' val() ” metode. InnerHTML rekvizītu var izmantot, lai lietotu vēlamo funkcionalitāti, pievienojot lietotāja definētu vērtību. Val() metodi var izmantot, lai piešķirtu redzamā ievades teksta lauka vērtību slēptajam ievades laukam Šajā emuārā tika apspriesta procedūra, kā iestatīt slēptā ievades lauka vērtību, izmantojot JavaScript.