动态重新加载该表单后无法发送表单

时间:2016-02-17 11:14:03

标签: javascript jquery html forms twitter-bootstrap-3

如果动态重新加载该表单,我在提交表单时遇到问题。 我将尝试解释这种情况:

我有这样的形式:

<form role="form" method="post" id="addForm">
  <input id="numer_listu" name="numer_listu" type="text" class="form-control">
  <button type="submit" id="form-submit" class="btn btn-success btn-md pull-right">
    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Dodaj
  </button>
</form>

和JavaScript:

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

这很好用。但是当我想要清除那个表单时(它的字段多于我的例子)我使用$(".addPanelCont").load('inc/addPanel.php'); - 它在.addPanelCont竞赛中加载了清晰的表单。现在.submit()不起作用。点击submit页面后重新加载。

我也试过了:

$("#addForm").on('click', 'button#form-submit', function(e){
  e.preventDefault();
  submitForm();
});

但它也不起作用。

1 个答案:

答案 0 :(得分:1)

我认为#addForm是动态添加的,请尝试:

$(".addPanelCont").on('click', 'button#form-submit', function(e){
  e.preventDefault();
  submitForm();
});