Question

我已经阅读了很多其他帖子，但我似乎完全做错了，因为我无法让我的表单提交给preventDefault()。

我的表格：

<form class="form-inline" id="formsubmit">
    <div class="form-group">
        <!--some stuff-->
    </div>
    <br>
    <div style="margin-top:10px">
        <input class="btn btn-success" type="submit">
    </div>
</form>

jQuery的：

$(document).ready(function () {
    $('#formsubmit').submit(function(e) {
        e.preventDefault()
        console.log('Prevented')
    })
})

这仍然会重新加载页面。

编辑：现在工作。奇怪的是，当它是<script>中的第一个函数时，它才有效。放在2个谷歌可视化图表后面它不起作用。

Answer 1

这有效：

https://jsfiddle.net/67e7vxar/1/

HTML：

<form id = "ff">
  <input type = "text"><br/>
  <input type = "submit" value = "submit">
</form>

JavaScript的：

$('#ff').on('submit', function(e)
{
    e.preventDefault();
  alert('Default prevented');
});

无法使用formDefault来工作

1 个答案: