第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

使用 javascript 設(shè)置文本輸入字段所需的最小長度？

使用 javascript 設(shè)置文本輸入字段所需的最小長度？

守候你守候我 2023-07-14 15:52:22
我希望能夠根據(jù)用戶輸入的字符數(shù)來執(zhí)行驗(yàn)證 - 我希望至少有 7 個(gè)字符。（最大值是使用 HTML 屬性設(shè)置的） - 我嘗試了以下方法：v3 = document.getElementById("npo-registration-number");flag3 = true;if (val >= 3 || val == 0) {        if (v3.value == "") {            v3.style.borderColor = "red";            flag3 = false;        }        else if (v3.value.length === 7){            v3.style.borderColor = "green";            flag3 = true;        }   }上述方法在一定程度上有效。僅當(dāng)輸入 7 個(gè)字符時(shí)，輸入字段邊框顏色才會(huì)顯示綠色。但是，如果我從該點(diǎn)開始刪除字符，邊框?qū)⒈３志G色。任何有關(guān)此事的幫助都將受到贊賞。
查看完整描述

5 回答

?
一只萌萌小番薯

TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊

我不完全確定你想要什么；這接近您要尋找的嗎？


您可能執(zhí)行了此操作，但沒有將其包含在您的代碼片段中，但我們需要在每次編輯表單時(shí)運(yùn)行它。我們向輸入添加一個(gè)事件偵聽器。


const input = document.getElementById('npo-registration-number');

input.addEventListener('input', () => {

    // set the border to red if the value is < 7 characters

    if (input.value.length < 7) {

        input.style.borderColor = 'red';

        return;

    }

    // otherwise, set it to green

    input.style.borderColor = 'green';

});

這解決了一個(gè)問題：除非表單的值是空字符串，否則不要將邊框的顏色設(shè)置為紅色。相反，當(dāng)輸入長度低于 7 時(shí)，我們希望邊框?yàn)榧t色。


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

您需要捕獲input事件，以便 js 可以評(píng)估和更新。?


? ? const ev3 = document.getElementById("npo-registration-number");

? ? ?let flag3 = true;

? ? ?ev3.addEventListener('input', (e) => {

? ? ? ?const val = e.target.value;

? ? ? ?if (val.length === 7){

? ? ? ? ? ? ? ? ev3.style.borderColor = "green";

? ? ? ? ? ? ? ? flag3 = true;? ? ? ? ??

? ? ? ? }

? ? ? ? else {

? ? ? ? ? ?ev3.style.borderColor = "red";

? ? ? ? ? ?flag3 = true;? ?

? ? ? ? }

? ? ?});

input {

? outline: 0;

? border: 1px solid;

}

<input id="npo-registration-number" type='text'>


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
波斯汪

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊

您可以只使用為其運(yùn)行此功能的按鈕，例如send或post按鈕（許多網(wǎng)站使用此方法）。


function click(){

  v3 = document.getElementById("npo-registration-number");

  flag3 = true;


  if (val >= 3 || val == 0) {

        if (v3.value == "") {

            v3.style.borderColor = "red";

            flag3 = false;

        }

        else if (v3.value.length === 7){

            v3.style.borderColor = "green";

            flag3 = true;

        }

   }

}


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
呼喚遠(yuǎn)方

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊

是因?yàn)槟愕臈l件


if (v3.value == "") {

            v3.style.borderColor = "red";

            flag3 = false;

        }

當(dāng)您開始刪除輸入中的字符時(shí)，您的輸入不會(huì)再次變?yōu)榧t色，因?yàn)閮H當(dāng)沒有字符時(shí)它才是紅色，并且輸入 7 個(gè)字符后它會(huì)變?yōu)榫G色。


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
白衣染霜花

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超10個(gè)贊

請(qǐng)嘗試這個(gè)


v3 = document.getElementById("npo-registration-number");

flag3 = true;


if (v3.value == "") {

   v3.style.borderColor = "red";

   flag3 = false;

 } else {



 if (v3.value.length < 7){

    v3.style.borderColor = "red";

    flag3 = false;

    }

 else {

    v3.style.borderColor = "green";

    flag3 = true;

  }

}


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 5 回答
  • 0 關(guān)注
  • 210 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)