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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何僅在輸入字段不為空時觸發(fā)js中的onclick函數(shù)?

如何僅在輸入字段不為空時觸發(fā)js中的onclick函數(shù)?

滄海一幻覺 2023-10-14 18:59:40
在這里,我希望僅當我在輸入字段中輸入內容時才觸發(fā)該函數(shù)。如果它是空的,我想提醒它不能為空。我嘗試了 if else 條件,但沒有幫助。我什至嘗試使用 typeof 但無論什么類型都是字符串。const input  =  document.querySelector("#input");function myFunc(){let name = input.value;if(name==null){alert("PLEASE ENTER YOUR NAME")} else{alert('Hello'+' '+name);}};<body>     <input placeholder="Enter your name" id="input">  <button id="btn" onclick="myFunc()">Click me!</button>  </body>
查看完整描述

3 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

input.value當輸入為空時不為空,它只是空字符串。

嘗試這個:


const input = document.querySelector("#input");


function myFunc() {

  let name = input.value;

  if (name == "") {

    alert("PLEASE ENTER YOUR NAME")

  } else {

    alert('Hello' + ' ' + name);

  }

};

<body>

  <input placeholder="Enter your name" id="input">

  <button id="btn" onclick="myFunc()">Click me!</button>

</body>


查看完整回答
反對 回復 2023-10-14
?
慕森王

TA貢獻1777條經驗 獲得超3個贊

您還必須檢查空字符串。在實踐中,你永遠不會得到 input.value 的空值,但保守地編程也不錯


function myFunc(){

let name = input.value;

if(name==null || name.length == 0){

alert("PLEASE ENTER YOUR NAME")

} else{

alert('Hello'+' '+name);

}

};

或者你可以利用 Javascript 實現(xiàn) not (!) 運算符的出色功能,然后執(zhí)行以下操作:


function myFunc(){

let name = input.value;

if(!name){

alert("PLEASE ENTER YOUR NAME")

} else{

alert('Hello'+' '+name);

}

};


查看完整回答
反對 回復 2023-10-14
?
慕田峪9158850

TA貢獻1794條經驗 獲得超7個贊

您需要測試空/空間,并且不建議使用內聯(lián)事件處理程序


document.getElementById("btn").addEventListener("click", function() {

  const input = document.getElementById("input");

  const name = input.value.trim();

  alert(name ? 'Hello ' + name : 'Please enter your name')

});

<input placeholder="Enter your name" id="input">

<button type="button" id="btn">Click me!</button>


查看完整回答
反對 回復 2023-10-14
  • 3 回答
  • 0 關注
  • 176 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號