問題。 我試圖創建一個 If Else 陳述句,當用戶輸入一個不正確的數值,超出 0 到 80 的范圍時,它會提醒用戶輸入一個正確的數字。 它以我想要的方式執行方程,但是當我故意輸入錯誤的值時,警報并沒有出現,程式繼續回答方程,就像什么都沒有發生過一樣。
代碼:
。'use strict'。
function calculate() {
var regPay;
var regHours = document.getElementById('regHours'/span>).value;
var hourlyRate = document.getElementById('hourlyRate').value。
if (regHours > 0 || regHours < 80) {
regPay = regHours * hourlyRate;
document.getElementById('regPay').value=regPay;
regPay = regPay.toFixed(2) 。
} else if (regHours < 0 || regHours > 80) {
alert("輸入有效數字")。
return false;
}
return false;
}
function init() {
document.getElementById('theForm').onsubmit = calculate;
}
window.onload = init;
label{
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
display : inline-block;
width : 10em;
}
div {
margin : .2em;
}
< form action="#"/span> method="post" id="theForm" >
<fieldset>
<legend>薪資計算器,找出你賺多少!</legend>
<div>/span>
<label for="regHours"/span>> 作業時間(在0和80之間)</label>/span>
< input type="text"/span> name="regHours" id="regHours" value="0" required>
</div>
<div>/span>
<label for="hourlyRate"/span>> 小時費率</label>。
< input type="text" name="hourlyRate" id="hourlyRate" value="0。 00"required>
</div>/span>
<div>/span>
<label for="regPay"/span>> 定期付款</label>
< input type="text" name="regPay" id="regPay" value="0。 00">
</div>/span>
<div>/span>
< input type="submit" value="計算" id="提交">
</div>/span>
</fieldset>
</form>/span>
<iframe name="sif1" sandbox="allow-form allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
我想這樣寫
function calculate() {
'use strict'。
var regPay;
var regHours = document.getElementById('regHours'/span>).value。
var hourlyRate = document.getElementById('hourlyRate').value。
if (regHours > 0 || regHours < 80) {
regPay = regHours * hourlyRate;
document.getElementById('regPay').value=regPay;
regPay = regPay.toFixed(2) 。
return true
}
alert ("輸入有效數字")。
return false;
你還需要驗證regHours和hourlyRate持有有效的數字值。
uj5u.com熱心網友回復:
你的if條件
if (regHours > 0 || regHours < 80)
是總是真
。你的意思是
if (regHours > 0 & & regHours < 80)
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/314479.html
標籤:
