javascript - 为什么 JavaScript 中的验证不能正常工作？

Question

我有一个输入字段和一个提交按钮:

        <form action="" method="post">
           <input type="text" name="sponsar_name" id="sponsar_name" />
          <input type="submit" value="Submit"  class="btn-submit" name="submit" onClick="validate()" >
    </form>

      function validate()
    {
        var flag = 0;
    if(document.getElementById("sponsar_name").value == null || document.getElementById("sponsar_name").value == "")
        {
            document.getElementById("sponsar_name").style.borderColor = 'red';
            flag = 1;
            }
            else
            {
                        document.getElementById("sponsar_name").style.borderColor = '';
                }

                if(flag==1)
                {
                    return false;
                }
                else
                {
                    return true;
                }

    }
                     </script>

我已在提交按钮上应用了函数onClick。我已申请验证。

当我单击提交按钮时，它显示文本框的红色背景，但立即刷新页面。

如果文本框为空，则不应刷新页面，但在我的代码中它会这样做。

有人可以帮助我吗？

Answer 1

尝试使用

<form action="" method="post">
   <input type="text" name="sponsar_name" id="sponsar_name" />
   <input type="submit" value="Submit"  class="btn-submit" name="submit" onClick="return validate()" >
</form>