【问题标题】:Not able to send bootstrap form from view to controller after bootstrap validations引导验证后无法将引导表单从视图发送到控制器
【发布时间】:2016-11-30 05:08:56
【问题描述】:

场景

我有一个内置于 codeigniter 的引导程序表单,在该引导程序上 已应用验证。我希望在验证之后 满足用户可以点击提交按钮并进入操作 页面(即控制器)。

问题:

提交按钮不工作,由于表单没有得到 重定向

目标:

使验证工作,然后将表单重定向到控制器,以便 > 表单的值可以保存在数据库中

注意

这是我拥有的示例代码的link,唯一 两者之间的区别在于我要问的问题是 codeigniter 并且链接没有 codeigniter。但是我需要 代码点火器的答案:

代码

<?php
$reg_attributes = array('id'=>'contact_form','class'=>'form-horizontal');
echo form_open('home/registeruser', $reg_attributes); ?>

<div class="form-group">
    <?php
        $data = array(
            'type'=>'text', 
            'class' => 'form-control',
            'name'=>'fullname', 
            'autocomplete'=>'off',
            'placeholder'=>'Full Name',
            'id'=>'user_name'
            );
        ?>

    <?php echo form_input($data); ?>
</div>

<div class="form-group">
    <?php
        $data = array(
            'type'=>'submit',
            'class'=>'btn btn-success btn-block',
            'name'=>'submit',
            'content'=>'Register',
            'value'=>'submit',
        );

        echo form_button($data); 
    ?>
</div>
<?php echo form_close(); ?>

脚本

<script type="text/javascript">
    $(document).ready(function() {
        $('#contact_form').bootstrapValidator({
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                fullname: {
                    validators: {
                            stringLength: {
                            min: 2,
                        },
                            notEmpty: {
                            message: 'Please supply your full name'
                        }
                    }
                },}
            }) }); });
</script>

【问题讨论】:

    标签: javascript php jquery twitter-bootstrap codeigniter


    【解决方案1】:

    有两件事你需要解决

    1 .您正在使用名称“提交”为您的提交按钮更改它

    <?php
            $data = array(
                'type'=>'submit',
                'class'=>'btn btn-success btn-block',
                'name'=>'save',
                'content'=>'Register',
                'value'=>'submit',
            );
    
            echo form_button($data); 
        ?>
    
    1. 从您的 javascript 代码中删除多余的括号。

    所以它看起来像这样

    $(document).ready(function () {
      $('#contact_form').bootstrapValidator({
        feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
          fullname: {
            validators: {
              stringLength: {
                min: 2,
              },
              notEmpty: {
                message: 'Please supply your full name'
              }
            }
          },
        }
      })
    });  // remove extra bracket from here
    

    【讨论】:

    • 通过查看页面源代码在浏览器中检查您的html输出,并确保表单和按钮标记正确,并且不应提交按钮名称,否则会导致调用表单的submit()函数出现问题.
    • 酷,享受编码
    猜你喜欢
    • 1970-01-01
    • 2017-07-08
    • 1970-01-01
    • 1970-01-01
    • 2022-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多