PHP/JS 表单重新加载保护 - PHP/JS Form reload prevention

PHP/JS Form reload prevention

我已经尝试了至少十几种不同的尝试来解决将表单数据提交到我的数据库的问题，而无需重新加载页面并滚动到顶部。每次尝试的解决方案，它都会继续提交并在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"/>

这是因为你的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。尝试使用验证器。