在正确的输入上使用js重新启用提交按钮

时间:2019-01-17 16:39:36

标签: javascript html css button

第一件事,我经历了所有可能提供的其他解决方案,同时也在谷歌上搜索了这个问题,但是这些解决方案要么是使用jquery等,要么是其他我无法用来解决问题的技术,因此请不要将其标记为重复

现在,我面临的问题是,如果用户输入无效,我有一个通过javascript禁用的提交按钮。 我也使用disabled=true和CSS属性"pointer-events"来禁用所有悬停属性,因为我已经为按钮设置了动画。

用于检查是否应禁用按钮的javascript函数( shouldISubmit() js函数)是通过事件“ onMouseOver”来实现的。

现在的问题是,如果按钮一旦被禁用,它将禁用onMouseOver操作,因此不会再次调用 shouldISubmit() 函数,从而被禁用永远。

还有其他方法可以执行禁用操作,也可以使用其他任何操作事件来调用函数等。

这是 shouldISubmit() 功能,用于禁用或启用按钮。

function shouldISubmit(){
            if(FNF){
                document.getElementById("regButton").disabled=false;
                document.getElementById("regButton").style.pointerEvents='auto';
            }
            else{
                document.getElementById("regButton").disabled=true;
                document.getElementById("regButton").style.pointerEvents='none';
            }
        }

这是我的按钮。

<div class="button container">
    <br/>
    <button class="buttons" name = "register" onMouseOver=shouldISubmit(); id="regButton">
        Register
    </button>
</div>

1 个答案:

答案 0 :(得分:1)

我尝试从验证功能调用它,而不是从按钮本身调用*shouldISubmit()*。 谢谢大家给我有关如何解决此问题的想法。 我将这个答案发布给将来可能会发现相同问题的观众,因为我没有找到其他简单的答案。