elementning chegara rangini loyqa o'zgartirishi

Matn qutisi chegara rangini loyqa o'zgartirmoqchiman

var checking = document.getElementById("checking");
function checkTextField() {
       document.getElementById("checking").style.border = "2px solid green";
}

function blurEventFunc() {
      if (document.getElementById("checking") === ''){
        document.getElementById("checking").style.border = "2px solid red";
    } else {
       document.getElementById("checking").style.border = "2px solid green";
    }
}
0
Stackoverflow'ga xush kelibsiz! sizning savolingiz iloji boricha aniq bo'lishi kerak, boshqalar sizning muammolaringiz sizga yordam beradi
qo'shib qo'ydi muallif Nitsan Baleli, manba

6 javoblar

qiymatning bo'shligini tekshirib ko'rishingiz kerak, uning elementi emas. Bundan tashqari, blur funktsiyasi ichida this kalit so'zini ishlatib elementga murojaat qilishingiz mumkin

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

function blurEventFunc() {
      if (this.value === ''){
        this.style.border = "2px solid red";
    } else {
       this.style.border = "2px solid green";
    }
}

document.getElementById("checking").addEventListener('blur', blurEventFunc);
<input type="text" id="checking" />
</div> </div>
0
qo'shib qo'ydi
Juda ko'p rahmat. @ NitsanBaleli
qo'shib qo'ydi muallif Arun Raj Moorthy, manba

qiymatning bo'shligini tekshirib ko'rishingiz kerak, uning elementi emas. Bundan tashqari, blur funktsiyasi ichida this kalit so'zini ishlatib elementga murojaat qilishingiz mumkin

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

function blurEventFunc() {
      if (this.value === ''){
        this.style.border = "2px solid red";
    } else {
       this.style.border = "2px solid green";
    }
}

document.getElementById("checking").addEventListener('blur', blurEventFunc);
<input type="text" id="checking" />
</div> </div>
0
qo'shib qo'ydi
Juda ko'p rahmat. @ NitsanBaleli
qo'shib qo'ydi muallif Arun Raj Moorthy, manba

qiymatning bo'shligini tekshirib ko'rishingiz kerak, uning elementi emas. Bundan tashqari, blur funktsiyasi ichida this kalit so'zini ishlatib elementga murojaat qilishingiz mumkin

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

function blurEventFunc() {
      if (this.value === ''){
        this.style.border = "2px solid red";
    } else {
       this.style.border = "2px solid green";
    }
}

document.getElementById("checking").addEventListener('blur', blurEventFunc);
<input type="text" id="checking" />
</div> </div>
0
qo'shib qo'ydi
Juda ko'p rahmat. @ NitsanBaleli
qo'shib qo'ydi muallif Arun Raj Moorthy, manba

Barcha element o'rniga qiymatni tekshirishingiz kerak bo'ladi

if (document.getElementById("checking").value === '')
0
qo'shib qo'ydi

Barcha element o'rniga qiymatni tekshirishingiz kerak bo'ladi

if (document.getElementById("checking").value === '')
0
qo'shib qo'ydi

Barcha element o'rniga qiymatni tekshirishingiz kerak bo'ladi

if (document.getElementById("checking").value === '')
0
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb