Question

方案

我有一个内置在codeigniter中的bootstrap表单，上面有bootstrap 已经应用了验证。我希望在验证之后满足用户可以单击提交按钮并转到操作页面（即控制器）。

问题：

“提交”按钮无效，因此表单未获取重定向

目标：

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

请注意

以下是我拥有的示例代码的link，唯一的两者之间的区别在于我要问的问题是 codeigniter和链接没有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>

Answer 1

您需要修理两件事

1.您使用“提交”名称进行提交按钮更改

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

        echo form_button($data); 
    ?>

从您的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

在引导程序验证后，无法从视图向控制器发送引导程序表单

1 个答案: