javascript onblur() 重置

Posted

技术标签:

【中文标题】javascript onblur() 重置【英文标题】:javascript onblur() reset 【发布时间】:2021-04-01 05:30:51 【问题描述】:

所以我正在构建一个最小值为 '5' (int) 的表单,如果小于 5,我会使用 onblur 检查该值。 但是当我用onblur="functionName()"触发该功能时,输入正确时它不会自行重置。 (所以输入 > 5)。

    let minimalAmount = 5;
    let inputAmount = document.getElementById('amountInput');

    function checkAmount()
    
        if (inputAmount.value < minimalAmount)
        
            $('#amountAlert').html('Alert!');
        
     

这是我到目前为止所尝试的。有什么建议吗?

【问题讨论】:

您的意思是删除Alert! 文字?如果在if-statement 之前是,请输入此行$('#amountAlert').html("") 成功了,谢谢! $('#amountAlert').text(+inputAmount.value &lt; minimalAmount ? "Alert!" : ""); 【参考方案1】:

明白了,感谢斯瓦蒂:

function checkAmount()
    
        $('#amountAlert').html("");
        if (inputAmount.value < minimalAmount)
        
            $('#amountAlert').html('Alert!');
        
    

【讨论】:

以上是关于javascript onblur() 重置的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript OnBlur 事件阻止提交 HTML 表单

iPad JavaScript onchange onblur 未触发

onblur with javascript alert 然后清除输入文本

JavaScript中HTML DOM focus()与onblur() setSelectionRange()用法

[TimLinux] JavaScript input框的onfocus/onblur/oninput/onchange事件介绍

JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur