如何禁用提交操作

Question

您好，我有这种形式，我不想在单击提交按钮时执行操作。我想要做的就是执行将数据加载到 div 中的函数。有任何想法吗？？

 <form  method="POST"   action="" id="search-form">
          <input type="text" name="keywords"  />
          <input type="submit" value="Search" id="sButton" onclick="loadXMLDoc('file.xml')" />
</form>

原文由 Fadamie 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

onclick="loadXMLDoc('file.xml'); return false;"

甚至更好：

 <script>
    window.onload = function() {
        document.getElementById("search-form").onsubmit = function() {
            loadXMLDoc('file.xml');
            return false;
        };
    };
</script>

要实现 loadXMLDoc，您可以使用 jQuery 中的 ajax 模块。例如：

 function loadXMLDoc() {
    $("div").load("file.xml");
}

使用 jQuery 的最终代码：

 <script>
    $(function() {
        $("#search-form").submit(function() {
            $("div").load("file.xml");
            return false;
        });
    });
</script>

原文由 Alon Gubkin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我认为您需要 ajax 函数来加载数据 in div 无需重新加载页面

将输入类型 submit 更改为 button

 <input type="button" value="Search" id="sButton" onclick="AjaxSend()" />

阿贾克斯调用：

 <script type="text/javascript">
    function AjaxSend(){
         $.get('file.xml', function(data) {
              $('div').html(data);
          });
     }
</script>

原文由 Dhamu 发布，翻译遵循 CC BY-SA 3.0 许可协议