監(jiān)聽 input 事件，針對輸入的內(nèi)容還得做 手機號驗證，如果驗證通過了，切換 樣式class就好了.
下面是偽代碼

var elInput = $('#input');
var elBtn = $('#btn');
var reg = /^[1][3,4,5,7,8][0-9]{9}$/;

elInput.on('input', function() {
  var val = this.value;
  if (reg.test(val)) {
    elBtn.addClass('red');
  } else {
    elBtn.removeClass('red');
  }
});

目測一樓和二樓的方法皆有效果，主要看樓主想用哪種方法實現(xiàn)了，二樓連正確性檢驗都一并附上了。另外還有document.getElementById(" ").addEventListener("keyup", function(){});

給input添加一個onkeyup事件，每次用戶輸入字符后觸發(fā)，里面的邏輯是判斷當前輸入框長度，夠11位設(shè)置后面文本變紅。

給input綁定一個input事件即可，檢測到輸入的數(shù)據(jù)達到11位時，按鈕則變?yōu)榭牲c擊狀態(tài)。

<input type="tel" class="phone" placeholder="請輸入手機號">

綁定事件：

document.querySelector('.phone').addEventListener('input', event=>{
    if( event.currentTarget.value.length>=11 ){
        alert( '發(fā)送驗證碼' );
    }
})