javascript - js怎麼判斷input輸入的值是數字，不小於等於0，不使用alert,而在同一行上用紅色字體提示用戶

Question

#js怎麼判斷input輸入的值是數字，不小於等於0，可以為小數。如果不符合條件，在%後面以紅色字提示使用者，TKS！

#

Answer 1

判斷焦點是否在該input內（或透過焦點離開事件）
然後進行傳值到js方法類別進行判斷 根據你的要求進行判斷

Answer 2

雷雷

Answer 3

CSS：

雷雷

HTML：

雷雷

Javascript：

雷雷

Answer 4

手機簡答，input裡加pattern屬性，使用正規驗證內容，然後css裡使用input:invalid把input裡邊不合規則的內容標紅（就紅框紅字啊啥的），後邊的紅字提示p緊跟著input寫，然後用

p {display:none;color:red;}
input:invalid+p {display:block;}

這樣的規則搞出來，應該就差不多了（標籤換下id，我手機就不多碼字了）。不過如果需要相容到IE9的話，可能需要再寫個相容…

---

參考：

MDN - 表單驗證