Javascript 我的表格不是'；无法正确显示错误消息

我建立了一个在线表单并在这里发布-->

它有一个内置错误，每当单击submit按钮且任何字段为空时，都会触发该错误。然而，它并不总是像它应该显示

以下是GitHub上完整代码的链接：

以下是问题中的JS：

$modal=$（'.modal frame'）
$modal_奖励信息=$（“#输入字段#奖励信息消息”）
$modal_Transaction_Fee=$（“#输入字段#transactionFee信息消息”）
$modal_Profit=$（“#利润信息”）
$modal_Loss=$（“#丢失消息”）
$modal_盈亏平衡=$（“#盈亏平衡信息”）
$modal_Error=$（“#错误消息”）
$modal_About=$（“#About message”）
$modal_Contact=$（“#联系信息”）
$submitButton=$（“#submitButton”）
$dollarsprice=$（“.dollarsprice”）
$dollarsFee=$（“.dollarsFee”）
$dollarsNet=$（“.dollarsNet”）
$submitButton.单击（函数（）{
const purchaseAmount=document.getElementById（'purchaseAmountInput'）。值
常量rewardsRate=document.getElementById（'rewardsRateInput'）。值/100
const transactionFeeInput=document.getElementById（'variFeeInput'）。值/100
const transactionFeeNet=采购金额*transactionFeeInput
const earnedRewards=购买金额*回报率
如果（购买金额==''| |报酬率==''| | |交易费输入==''）{
$modal_错误。toggleClass（'active'））
$modal_Error.removeClass（'leave'）
}else if（rewardsRate===transactionFeeInput&&rewardsRate！=''&&transactionFeeInput！=''&&purchaseAmount！=''）{
$modal_盈亏平衡。toggleClass（'active'））
$modal_盈亏平衡。removeClass（'leave'）
$dollarsprice.html（报酬率*购买金额）
$dollarsFee.html（transactionFeeNet）
}else if（rewardsRatetransactionFeeInput&&rewardsRate！=''&&transactionFeeInput！=''&&purchaseAmount！=''）{
$modal_PROFICT.toggleClass（'active'）
$modal_Profit.removeClass（'leave'））
$dollarsprice.html（报酬率*购买金额）
$dollarsFee.html（transactionFeeNet）
$dollarsNet.html（EarnedRequests-transactionFeeNet）
}
})

您可以添加一个函数来检查该金额是否为实际有效金额，并使用此函数稍微操纵代码

checkTheAmount=（项目）=>{
if（item&&parseFloat（item）>0）返回true；
返回false；
};