javascript-CodeIgniter表单验证,重新填充动态添加的字段

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-CodeIgniter表单验证,重新填充动态添加的字段，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1536字，纯文字阅读大概需要3分钟。

内容图文

我有这样的形式：

<form action="" method="post">
    <input type="text" name="name[]">
    <input type="text" name="name[]">
</form>
<button id="add">Add extra field</button>

并且有可能添加更多我使用Javascript / jQuery处理过的输入：

$('#add').click(function(){
    $('form').append('<input type="text" name="name[]">');
}

这里的一切工作正常.当我提交表单时,我用echo’< pre>‘.print_r($this-> input-> post(),TRUE)回显数据.’< / pre>‘;;我正在得到一切.

而且我正在使用表单验证类,因此,如果出现故障,我想使用set_value函数来保存值.然后,表单如下所示：

<form action="" method="post">
    <input type="text" name="name[]" value="<?=set_value('name[]');?>">
    <input type="text" name="name[]" value="<?=set_value('name[]');?>">
</form>
<button id="add">Add extra field</button>

但是…动态添加的输入不存在,因为它们是Javascript添加的.问题是：在格式验证失败后,如何使用CodeIgniter“保留”动态添加的输入以及那里的值？

到处搜寻但找不到任何东西:(

解决方法:

在每个表单元素上提供索引.

<form action="" method="post">
    <input type="text" name="name[1]">
    <input type="text" name="name[2]">
</form>

因此,您的JS变得像

counter = 3;
$('#add').click(function(){
    $('form').append('<input type="text" name="name['+counter+']">');
    counter++;
}

现在,如果验证失败,则必须添加如下条件：

<form action="" method="post">
<?php
    if ($this->form_validation->run() == FALSE)
    {
        foreach($this->input->post('name') as $ind=>$item)
        {
    ?>
        <input type="text" name="name[<?php echo $ind ?>]" 
                         value="<?=set_value('name[".$ind ."]');?>">
    <?php
        }
    }
    else
    {
    ?>
        <input type="text" name="name[1]">
        <input type="text" name="name[2]">
    <?php
    }
?>
</form>

内容总结

以上是互联网集市为您收集整理的javascript-CodeIgniter表单验证,重新填充动态添加的字段全部内容，希望文章能够帮你解决javascript-CodeIgniter表单验证,重新填充动态添加的字段所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端