HTML代碼
<input id="Degree" name="degree" type="number">
JavaScript 代碼
function jsdegree(){
var deg = document.getElementById('Degree').value;
if (deg <73 ) {
alert(" your degree is less than required ");
}
}
但是什么都沒有發生，我沒有在提交按鈕中，我想要它，如果我寫下他立即出現警告框的程度，請幫幫我:(
uj5u.com熱心網友回復：
來自@Rayon 評論。
您可以使用oninput或onkeyup事件來檢查打字情況。
let degreeInput = document.getElementById('Degree');
degreeInput.oninput = (e) => {
if (e.target.value < 73) {
alert(" your degree is less than required ");
}
};
但是.. 這個 JavaScript 將適用于每個鍵盤輸入。讓我們為它添加延遲。
let degreeInput = document.getElementById('Degree');
let delayTimer;
degreeInput.oninput = (e) => {
clearTimeout(delayTimer);
delayTimer = setTimeout(() => {
if (e.target.value < 73) {
alert(" your degree is less than required ");
}
}, 1000);
};
一旦鍵盤輸入，這將增加延遲并等待 1000（1 秒）。如果在此之間沒有任何鍵盤輸入，則該功能將起作用。
看到它在行動。
uj5u.com熱心網友回復：
這是你的全部代碼嗎？如果是這樣，則不會呼叫該函式。評論中有人建議使用輸入函式，但如果您希望數字可能是多位數字，那將不起作用。這里有兩種可能：
- 每次按回車鍵（“提交”表單）時都會呼叫：
html：
<form onsubmit="jsdegree(event)">
<input id="Degree" name="degree" type="number">
</form>
您還可以在第一個<input>和結束</form>標記之間添加一個提交按鈕：<input type-"submit">然后人們也可以通過按下它來觸發事件。
JavaScript：
function jsdegree(event){
event.preventDefault();
var deg = document.getElementById('Degree').value;
if (deg <73 ) {
alert(" your degree is less than required ");
}
}
注意event.preventDefault()這里很重要，否則按回車鍵將重新加載頁面。
- 每次單擊遠離輸入時，這都會呼叫：
html：
<input id="Degree" name="degree" type="number" onchange="jsdegree()">
并且您的 JavaScript 可以保持不變。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/371864.html
標籤：javascript html 形式
上一篇：如何在CSS中添加背景影像？