Jquery / Html form

本文关键字：form Html Jquery 更新时间：2023-09-26

达到混乱点

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

但是数据除了发送到javascript之外不会发送到任何地方，以便在谷歌地图中显示正确的位置。

我已经设法混淆了自己;我需要一个元素来包含和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的基础知识：s这通常会在学习新语言时失去联系吗？

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

如果您的 Javascript 侦听器未正确注册
你的 Javascript 处理程序返回 true
您的 Javascript 处理程序导致错误（检查开发控制台中的错误）

$("#maps_form").submit(function () {
    // do stuff
    return false; // Don't submit the form
});

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

$("#maps_form").submit(function () {
    // do stuff
    return false; // Don't submit the form
});

这是正确的形式：

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