在使用JavaScript提交確認彈出框之前使用codeigniter

Question

我需要單擊“提交視圖”彈出框的按鈕進行確認， 如果我按“確定”，它將繼續提交，如果取消則什么也不會發生，然后關閉框

這是我的代碼，

視圖表單中的代碼

<?php
    foreach($company_data as $row){
?>
    <h2>Company Details.</h2>

    <?php echo form_open_multipart('site/update');?>
    <?php form_hidden('id', $row->code);?>
    <label>Code : </label> <?php echo form_input('code',$row->code);?><br/><br/>
    <label>Name : </label> <?php echo form_input('name',$row->name);?><br/><br/>
    <label>Logo : </label><input type="file" name="userfile"/><br/><br/>
    <label>URL : </label> <?php echo form_input('url',$row->url);?><br/><br/>
    <label>Description : </label> <textarea name="description" rows="4" cols="50"><?php echo $row->description; ?></textarea><br/><br/>
    <input type="submit" name="submit" value="Update" onclick="update(<?php echo $row->name;?>)"/>
    </form>

    <?php } ?>

Answer 1

您可以像這樣在您的更新函數中放入confirm()對話框：

function update(args){
   if(confirm('Do you want to submit?')){
      // put all the js code here.
   }else{
      return false;
   }
}

因此，每當您調用更新函數時，它將顯示一個確認框，要求用戶提交表單（如果用戶單擊“確定”），那么它將提交，否則表單將不會提交。

Answer 2

在onclick函數中，調用javascript函數並使用java腳本創建確認框，然后從確認框中檢查返回值是否為true，然后使用javascript onsubmit函數提交表單

Answer 3

這是答案

        <form action="<?php echo site_url('site/update'); ?>" name="myForm"  onsubmit="return(validate());">  
    <?php// echo form_open_multipart('site/update');?>
    <?php form_hidden('id', $row->code);?>
    <label>Code : </label> <?php echo form_input('code',$row->code);?><br/><br/>
    <label>Name : </label> <?php echo form_input('name',$row->name);?><br/><br/>
    <label>Logo : </label><input type="file" name="userfile"/><br/><br/>
    <label>URL : </label> <?php echo form_input('url',$row->url);?><br/><br/>
    <label>Description : </label> <textarea name="description" rows="4" cols="50"><?php echo $row->description; ?></textarea><br/><br/>
    <input type="submit" value="Update"/>
    </form>

    <?php } ?>

<script type="text/javascript">
function validate()
{
     var r=confirm("Do you want to update this?")
    if (r==true)
      return true;
    else
      return false;
}
</script>

Answer 4

首先，這是經典的jQuery方式。

$(document).ready(function(){
    $( 'form#yourFormId' ).submit( function(){
        if( confirm('Really submit this form?') ){
            return TRUE;
        } else {
            return FALSE;
        }
    })
})

但是，您的代碼似乎沒有直接提交表單，因此這可能無法與您編寫的代碼一起使用。

您尚未提供onClick屬性中指定的update()方法的代碼，但是您應該能夠在其頂部添加確認代碼，如下所示：

function update(name){
    if( !confirm('Really submit this form?') ){
        return FALSE;
    }

    // ....the rest of your code...

}

Answer 5

您可以在一行以下使用

<?php
    foreach($company_data as $row){
?>
    <h2>Company Details.</h2>

    <?php echo form_open_multipart('site/update');?>
    <?php form_hidden('id', $row->code);?>
    <label>Code : </label> <?php echo form_input('code',$row->code);?><br/><br/>
    <label>Name : </label> <?php echo form_input('name',$row->name);?><br/><br/>
    <label>Logo : </label><input type="file" name="userfile"/><br/><br/>
    <label>URL : </label> <?php echo form_input('url',$row->url);?><br/><br/>
    <label>Description : </label> <textarea name="description" rows="4" cols="50"><?php echo $row->description; ?></textarea><br/><br/>
    <input type="submit" name="submit" value="Update" onclick="return confirm(<?= $row->name ?>);"/>
    </form>

    <?php } ?>