如何在codeigniter中添加jquery确认弹出窗口

Question

我自己开发一个项目，我使用codeigniter作为我的框架，我很喜欢php和codeignier。 我在jquery中创建了一个确认框，但是它和html alert。 那么该怎么做呢？ 别笑我 谢谢。

视图

<?php

$_instance = get_instance();


$attributes = array('id' => 'main_form');

?>
<?php echo form_open('registration/reset',$attributes);?>

<style>
    span{
        color: red;
    }

    #main_tb{
        margin-top:100px;
    }
    </style>

<table cellspacing='10' id>




</table>

    <div id='main_form'>
    <form id="main_form" name="form">

<table CELLSPACING=2 CELLSPACING=10 id='main_tb' >

    <tr>
        <td></td>
         <td id="error"></td>
    </tr>
    <tr>
        <td>User Name</td>

        <td> <select class="cmb" style="width: 200px;" id="cmb_user" name="cmb_user">  </select></td>


    </tr>



     <tr>
                            <td></td>

                            <td><?php echo $this->session->flashdata('reset_error'); ?></td>

                        </tr>


    <tr>
        <td></td>

        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" id="save" value="reset password"/></td>
    </tr>


</table>
</form>

</div>


<?php echo form_close();?>

脚本

 $j('#main_form').submit(function() {
//       event.preventDefault();        
   var status = confirm("Are you sure? This cannot be undone");
   if(status == false){
   return false;
   }
   else{
   return true; 
   }
  });

控制者

function reset(){

         $password =$_POST['cmb_user'];
      echo  $username = $this->input->post('cmb_user');


       $data_array = array(
                 'id_user' => $this->input->post('cmb_user'),

                     );
//       // echo 'sdsd';
//        echo $_POST['cmb_user'];
//        
         $this->load->model('registration/registration_model');
             $this->registration_model->reset_pass($data_array);

               $this->session->set_flashdata('reset_error', ' <br><span style="font-size: 10px;background-color: #FFFFFF;color:#ff0000;border:solid 1px #ff99cc;padding:2px;border-radius: 5px 5px 5px 5px">Reset Successfull</span>');
            redirect('/registration/admin_reset');
    }

这个功能很好用。 但我想添加像甜蜜警报的jQuery花式弹出窗口。 再次感谢..

Answer 1

将以下代码添加到view

<script src="https://cdn.rawgit.com/t4t5/sweetalert/master/dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/t4t5/sweetalert/master/dist/sweetalert.css">
<script language="javascript">
    sweetAlert("Oops...", "Something went wrong!", "error");
</script>