打开模式窗口之前的 Codeigniter 表单验证

Question

我目前有一个表单，我希望为其实现表单验证。我正在使用代码点火器框架。

当我点击提交表单按钮时，表单并没有提交，而是弹出一个模式窗口，其中包含用户刚刚输入的信息（有点像确认他们输入了正确的详细信息。） 当用户在模态窗口中单击“确定”时，表单然后通过 ajax 提交，并弹出另一个模态窗口以确认表单已提交。

我想做的是在第一个模式窗口弹出之前验证表单，但我似乎找不到这样做的方法。有谁知道我该怎么做？

这是我的表格：

<?php if(isset($error)){
echo "<i>" . $error . "</i>";
}?>
<form id ="form1" name ="form1">
    <div class="hospital_container">
        <h3 class = "hospital_header"><b>Enter Hospital Information</b></h3>

    <label for="hospitalName"  id ="hospLabel" class = "labelForm">Name:</label>
    <input type="text" class = "input2" id="hospitalName" name="hospitalName" class = "newUserForm">

        <button type="button"  id = "hospital_submit_button" class = "hospital_submit_button" data-toggle="modal" data-target="#userModal">Add New Hospital</button> // triggers the modal window but I want to run form validation before this.

    </div>
</form>

Ajax 提交：

     $(function() {
//#overlaysubclass2 is the name of the submit button in the modal window
            $("#overlaysubclass2").on("click", function(event) {
                event.preventDefault();
                var DataString=$("#form1").serialize()
                $.ajax({
                    url: "<?php echo base_url(); ?>index.php/Admin/createHospital",
                    type: "post",
                    data:DataString ,
                    success: function(data) {

                        $("#userModal").modal('hide'); // hide the original modal and show the confirmation modal
                        $("#confirmModal").modal('show');
                    }


                });
            });
        });

我的控制器：

 function createHospital(){
    $this->load->library('form_validation');

    $this->form_validation->set_rules('hospitalName', 'hospitalName', 'required');
  //  $this->form_validation->set_rules('hospAddress', 'hospAddress', 'required');


    if ($this->form_validation->run() === FALSE) {
        $data['error'] = 'Please fill in the form';
        $this->load->view('includes/admin/header');
       $this->load->view('newHospital');

    }else {
        $data = array(

            'hospitalName' => $this->input->post('hospitalName'),
        );

        $this->user_model->create_hospital($data);
      //$data['message'] = 'Data Inserted Successfully';
        $this->load->view('newHospital');
    }
}

表单验证实际上并没有运行，尽管它允许我提交一个空白表单

非常感谢任何帮助，因为我真的被困住了！

Answer 1

“虽然它允许我提交一个空白表单，但表单验证实际上并没有运行”实际上你不知道你的验证是否正确运行。

首先你需要把你的响应（从ajax调用到：createHospital方法）：

$("#confirmModal").html(data);  // this line put your response html to '#confirmModal' dom elem.
$("#confirmModal").modal('show');

第二个更好的选择：

$("#overlaysubclass2").on("click", function(event) {

是：

$("#form1").on("submit", function(event) { 

或：

$("#hospital_submit_button").on("click", function(event) {