2014-07-15 24 views
1

我需要之前提交確認彈出框,當我點擊按鈕提交視圖彈出框進行確認和如果我按OK,它將繼續提交,如果取消什麼都不會發生,然後關閉箱笨使用JavaScript

這裏是我的代碼,在視圖形式

代碼

<?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 } ?> 

回答

1

你可以把confirm()對話框中您的更新像這樣的功能:

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

所以每當你打電話給你的更新功能,它會顯示一個確認框,詢問用戶是否用戶點擊OK提交表單,然後將其提交else形式將不會提交。

+0

我是新來的這一點,請告訴我應該如何js代碼 – user3840485

+0

,如果你能在你的問題上面添加您的更新功能。 – Jai

+0

我不知道,我應該給控制器和型號 – user3840485

0
中的onclick功能

調用javascript函數,並使用Java腳本創建確認框,並從確認框檢查返回值是否爲真,則通過使用JavaScript的onsubmit功能

0

這裏就是答案

提交表單
 <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> 
0

首先,這是經典的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... 

} 
0

您可以使用以下一行

<?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 } ?>