Codeigniter Ajax模式表单验证和提交

我是MVC新手，目前正在进行基本的网站设置。我试图打开一个模式窗口，在那里可以输入一些数据，然后按submit将其提交回数据库

使用CodeIgniter和（不必是这个）。 同样，我对MVC非常陌生，所以在可视化数据流方面遇到了一些困难

模式正确打开，但我尝试在同一模式中显示验证/错误，而不打开新窗口。我会在echo（“error ajax”）附近放置什么，打开视图似乎会打开一个新窗口

视图--打开模式：

…



...

视图--实际形式：

<?php echo validation_errors(); ?>
<?php echo form_open('form'); ?>
    <h3>New</h3>
    <p>
        <label>ID: <input class="pull-right" type="text" name="idnumber" value="<?php echo set_value('idnumber'); ?>" size="9"/></label>
    </p>
    <div><input type="submit" value="Submit" /></div>
</form>

<script>
    $(function(){
        $('form').submit(function(e){
           e.preventDefault();

            $.ajax({
                type: "POST", 
                async: false,
                url: "<?php echo site_url("bondform/save_form"); ?>",
                success: function(){alert('Succes');},
                error: function(){alert('Error');}
            });     
        });
    });
</script>

<div id="form_container">
<?php echo validation_errors(); ?>
<?php echo form_open('bondform/save_form'); ?>
    <h3>New</h3>
    <p>
        <label>ID: <input class="pull-right" type="text" name="idnumber" value="<?php echo set_value('idnumber'); ?>" size="9"/></label>
    </p>
    <div><input type="submit" value="Submit" /></div>
</form>
</div>

新的

ID:首先，将ajax函数从模式视图移动到打开它的视图，然后可以控制模式的内容，而不会丢失表单视图

打开模式：

<a href="<?php echo site_url("bondform/view_form"); ?>" rel="modal:open" class="fa fa-plus"></a>
<script>
    $(function(){
        $('body').on('submit', 'form', function(e){
           e.preventDefault();

            $.ajax({
                type: "POST",
                url: "<?php echo site_url("bondform/save_form"); ?>",
                data: $(this).serialize();
                success: function(response){ $('#form_container').html(response); alert('Succes');},
                error: function(){alert('Error');}
            });     
        });
    });
</script>


$（函数（）{
$（'body'）。关于（'submit'，'form'，function（e）{
e、 预防默认值（）；
$.ajax({
类型：“POST”，
url:“”，
数据：$（this）.serialize（）；
成功：函数（响应）{$（'#form_container'）.html（响应）；警报（'Succes'）；}，
错误：函数（）{alert（'error'）；}
});     
});
});

实际形式：

<?php echo validation_errors(); ?>
<?php echo form_open('form'); ?>
    <h3>New</h3>
    <p>
        <label>ID: <input class="pull-right" type="text" name="idnumber" value="<?php echo set_value('idnumber'); ?>" size="9"/></label>
    </p>
    <div><input type="submit" value="Submit" /></div>
</form>

<script>
    $(function(){
        $('form').submit(function(e){
           e.preventDefault();

            $.ajax({
                type: "POST", 
                async: false,
                url: "<?php echo site_url("bondform/save_form"); ?>",
                success: function(){alert('Succes');},
                error: function(){alert('Error');}
            });     
        });
    });
</script>

<div id="form_container">
<?php echo validation_errors(); ?>
<?php echo form_open('bondform/save_form'); ?>
    <h3>New</h3>
    <p>
        <label>ID: <input class="pull-right" type="text" name="idnumber" value="<?php echo set_value('idnumber'); ?>" size="9"/></label>
    </p>
    <div><input type="submit" value="Submit" /></div>
</form>
</div>


新的

谢谢，这应该让我开始了。