<section class="container">
  <input type="text" name="tel" placeholder="請輸入手機(jī)號碼" pattern="^1[3456789]\d{9}$" required><br>
  <input type="text" name="tel" placeholder="請輸入驗(yàn)證碼" pattern="\d{4}" required><br>
  <button type="submit"></button>

input {
  // 驗(yàn)證通過時按鈕的樣式
  &:valid {
    &~button {
      pointer-events: all;
      cursor: pointer;
      &::after {
        content: "提交:+1:"
      }
    }
  }
  // 驗(yàn)證不通過時按鈕的樣式
  &:invalid {
    &~button {
      pointer-events: none; // 去除點(diǎn)擊事件，讓按鈕無法點(diǎn)擊
      &::after {
        content: "未通過驗(yàn)證:unamused:"
      }
    }
  }
}