鍍金池/ 問答/HTML/ 同時(shí)判斷兩個(gè)欄位都有值才放行？

同時(shí)判斷兩個(gè)欄位都有值才放行？

$("#account,#password").keyup(function(){
  $("#login_btn").attr('disabled',false);
});

當(dāng)account 和 password 都有值的時(shí)候才能放行按鈕 disabled=false，但我這樣寫只要其中一個(gè)有輸入就會(huì)放行，如何判斷兩個(gè)都有值才能放行？

回答
編輯回答
我甘愿

解決

$("#account,#password").keyup(function(){
  // 如果都有值
  if($('#account').val() !== '' && $('#password') !== '')
    $("#login_btn").attr('disabled',false);
});

原因

兩個(gè)input都監(jiān)聽了keyup事件
在任意一個(gè)input里面輸入字符,都會(huì)觸發(fā)事件,就會(huì)設(shè)置disabled為false
在設(shè)置屬性前,加上一個(gè)判斷,判斷兩個(gè)的都有值之后,才能設(shè)置為false即可

疑問

你是港澳同胞么,繁體字認(rèn)不到啊

2018年4月11日 18:02
編輯回答
清夢(mèng)

給input上加個(gè)required屬性，提交時(shí)通過相應(yīng)屬性判斷是否合法。詳情參考MDN - 表單數(shù)據(jù)校驗(yàn)

2018年3月11日 12:23
編輯回答
赱丅呿
$("#account,#password").keyup(function(){
  $("#login_btn").prop('disabled',!($("#account").val()&&$("#password").val()));
});
2017年6月7日 06:49