Javascript Jquery/Html表单

陷入混乱

我正在创建两个输入元素和一个用于搜索的按钮。 从以前使用HTML开始，我开始相信我应该创建一个

但是数据不能被发送到除了javascript以外的任何地方，以显示google地图中的正确位置

我设法把自己搞糊涂了；我是否需要一个元素来包含和s？ 问题是当我按下按钮时，无论是测试还是搜索按钮，页面都会重新加载

我不想重新加载页面。我唯一不让这种情况发生的方法是删除元素，这感觉不对，如果可能的话，我会考虑使用良好的实践

这是我的代码：

       <form id="maps_form">
         <fieldset id="search_maps">
           <label for="marker">Search Shop: </label>
    <input name="searchName" id="searchName" type="text" placeholder="Enter Shop Name">

         </fieldset>
         <fieldset id="map_buttons">
            <button id="test"> test</button>
                <button id="searchSomething">Search</button>
          </fieldset> 
    </form>

搜索商店：
测试
搜寻

---

我觉得，在学习javascript、jquery和xml的同时，我忘记了html的基本知识：学习新语言时，这通常会失去联系吗？

如果单击/提交处理程序没有返回false，页面将重新加载。因此，如果出现以下情况，页面将刷新：

如果您的Javascript侦听器没有正确注册

Javascript处理程序返回true

Javascript处理程序导致错误（请检查开发控制台以了解错误）

---

永远不要那样做！如果返回false后有太多操作，则不会阻止转到下一页

$("#maps_form").submit(function () {

    // do stuff

    return false; // Don't submit the form
});

这是正确的形式：

$("#maps_form").submit(function (event) {
    event.preventDefault();

    ... 
});

---

读完这篇文章后，我也很困惑你到底需要什么。你能不能用一两句话说清楚。对不起，我真的不明白你的问题。不提交数据时不需要表单。您可以将eventhandler绑定到按钮，并通过JS/jQuery修改DOM。这有帮助吗？从技术上讲，我不需要表单，只需要输入元素，没有表单元素可以使用吗？我想这就是我的问题。这是漫长的一天，上午10点30分，仍然没有睡觉（因此没有什么意义）。不使用元素，仍然使用元素，并与j/s沟通，这是一种好的做法吗？@Renai我认为规范中没有任何东西阻止在没有

表单的情况下使用它们。如果它在逻辑上不是表单（输入+按钮），我将跳过表单元素。如果您只处理按钮单击，或者您没有表单，并且用户在文本框内按enter键，则不会调用您的函数。改为处理表单提交，您将在框中同时键入“按钮按下”和“输入”。不确定我的错误是什么，但它仍会重新加载页面：s
$("#maps_form").submit(function (event) {
    event.preventDefault();

    ... 
});