javascript - PHP/JS 表单重载预防

Question

我已经尝试了至少十几种不同的尝试来解决将表单数据提交到我的数据库的问题，而无需重新加载页面并滚动到顶部。对于每一个尝试的解决方案，它都会继续提交并滚动到 chrome 和 safari 中的页面顶部。

//JAVA
<script type="application/javascript">
function doitall()
{
function validateHistory()
{
var x=document.getElementById("hist").value;
if(x==""}

   function(e)  {
       e.preventDefault();
       // Great isnt it
   return false;

   }
   </script>

// FORM
                <form action="search.php" onsubmit="return doitall();">
                     <td  bgcolor="#242424"><input class="textinput" type="text" value="" name ="hist" id ="hist" placeholder="Address" size="50"/></td><td bgcolor="#242424"><input type="hidden" value= name = id = size="100"/></td>
                    <td  bgcolor="#242424"><input type="hidden" value=<?php echo $num;?> name ="number" id ="number" size="50"/></td>
                    <td  bgcolor="#242424"><input type="hidden" value= name = id = size=""/></td>

                    <td bgcolor="#242424"><input type="submit" value="Submit onsubmit="return doitall();" class="buttonx"/>

Answer 1

这是因为您的JavaScript中有错字：

function validateHistory() {
    var x=document.getElementById("hist").value;
    if(x==""){ // You made a typo here
       function(e)  {
           e.preventDefault();
           // Great isnt it
           return false;
        }
    }
}

您还有大量格式错误的 HTML。尝试使用验证器。