Question

Hello Guys我有一个文本框，如果文本框中的值为零。它会弹出警报。但没有发生警报。

<input type="text" id="numbers" value= "0" >



                  <th style="width:5%;"><h4><input id="submitbutton" onclick="clicked();" class="btn btn-success" type="submit" name="<?php if($final==true){ echo "viewsummary" ;}else{ echo "next";} ?>" value="<?php if($final==true){ echo "View Summary" ;}else{ echo "Submit";} ?>" class="subbtn"/>

                    <script language="javascript">

                    document.getElementById('submitbutton')
                    function clicked(){
                        if (document.getElementById('numbers') == 0) {
                        window.alert("Please Play the Audio First");
                    }

                    }                        
                    </script>

我不知道什么是错误如果我看代码对我来说就好了吗？怎么了？谢谢你们：＆＃34;）

Answer 1

使用此：

function clicked()
{
   if (document.getElementById('numbers') && document.getElementById('numbers').value == 0)
   {
     window.alert("Please Play the Audio First");
   }
}

Answer 2

您需要检查值，而不是元素：

document.getElementById('numbers').value == "0"

此外，value将是一个字符串而不是数字。完整代码：

//document.getElementById('submitbutton')
//^^ this does nothing

function clicked() {
    if (document.getElementById('numbers').value === "0") {
        window.alert("Please Play the Audio First");
    }

}

不要忘记，在form内部，这可能会触发表单操作。 "Please Play the Audio First"表示如果命中if语句，您不希望表单提交，因此您应该返回一个值来阻止发生这种情况：

function clicked() {
    if (document.getElementById('numbers').value === "0") {
        window.alert("Please Play the Audio First");
    }
    return false;
}

HTML：

<input id="submitbutton" onclick="return clicked();" .... />

输入Onclick按钮功能

2 个答案: