$(document).ready(function(){
    $("#guestList").validate({
        debug: false,submITHandler: function(form) {
            // do other stuff for a valid form
            //$('form').attr('id','guestList1')
            $.post('brides_Includes/guestlistDisplay1.PHP',$("#guestList").serialize(),function(data) {
                $('#results').htML(data)
                $("form#guestList")[0].reset();
            });
        }
    });
});

使用ajax返回表单的问题是页面上已有的任何JavaScrip代码都不会看到/利用新表单.解决此问题的最佳方法是使用ajax传回JavaScrip和HTML.

基本上,每次传回新表格时都会传回以下代码.您需要更新ID和链接(brides_Includes / guestlistDisplay1.PHP).您还需要使用此代码替换主页上的代码,因为执行传回的任何JavaScrip都需要这样做.

<script tyPE="text/javascript">
$(document).ready(function(){
  $("#guestList").validate({
    debug: false,submitHandler: function(form) {
      // do other stuff for a valid form
      //$('form').attr('id','guestList1')
      $.post('brides_Includes/guestlistDisplay1.PHP',function(data) {
        $('#results').html(data);

        //This executes the JavaScript passed back by the ajax.
        $("#results").find("script").each(function(i) {
          eval($(this).text());
        });

        $("form#guestList")[0].reset();
      });
    }
  });
});
</script>