jquery表单form提交阻止页面全部刷新

首先明确一点：form表单下，如果是针对form元素进行提交，整个页面都会刷新。

所以出现的问题是：当用户往输入框内输入内容分后，按回车或者点击提交按钮，往当前页面输出内容的局部刷新会被之后的整个页面刷新给刷掉。

为了阻止整个页面刷新而保留局部刷新，我们可以使用以下方法：

方法一：（推荐）在js里form表单用submit()，最后return false

<script type="text/javascript">

$(document).ready(function(){

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

              事件处理

        return false;

    });

});

</script>

<form id="form1">

    <input type="text" id="text1">

    <input type="submit" id="btn1" value="submit">

</form>

方法二：舍弃回车提交，提交事件针对form元素之外的按钮元素，用户可以鼠标点击提交按钮来实现。

<script type="text/javascript">

$(document).ready(function(){

    $("#btn1").click(function(){

       事件处理

    });

});

</script>

<form>

    <input type="text" id="text1">

</form>

    <input type="submit" id="btn1" value="submit">

方法三：给输入框<input>额外设置回车提交