Question

<html>
    <head>
        <script type="text/javascript"> 
        function validate() { 
            var a = document.form.name.value;

            if(!(a)) { 
                document.getElementById("errorBox").innerHTML = "*Please fill required"; 
            } else { 
                document.getElementById("errorBox").innerHTML = ""; 
            }
        } 
        </script> 
    </head> 
    <body> 
        <form method= "post" name="form" onsubmit="return validate();"> 
            Name :<input type="text" id="name" name="name" />
            <div id="errorBox"> </div> <br> 
            <input type="submit" name="submit" value="submit" /> 
            <input type="Reset" name="Reset" /> 
    </body>

不知道为什么没有显示错误消息？

Answer 1

在javascript中，空字符串与null值或undefined不同...但在条件中它们都会解析为false！

试试这个：

 if(!a){
     // your code
 }

看看这个工作解决方案的小提琴：https://jsfiddle.net/wvofbjdk/

如果它在您的代码中不起作用，那么错误就在其他地方。请查看控制台是否存在错误（请参阅此链接以开始使用chrome：https://developers.google.com/web/tools/chrome-devtools/debug/console/?hl=en）。

Answer 2

替换以下代码

var a = document.form.name.value;
if( a == "" )
        {
    document.getElementById("errorBox").innerHTML = "*Please fill required";

  }

使用此代码

var a = document.getElementById("name").value;
if(!(a))
{
    document.getElementById("errorBox").innerHTML = "*Please fill required";

}

如果问题仍然没有解决，请告诉我们您的HTML代码，以便我们检查是否有任何错误。

为什么不显示错误消息

2 个答案: