的JavaScript validation-- ONCLICK

我有如下一段其刪除時，刪除圖像被點擊的JavaScript validation-- ONCLICK

<tr> To replace the document, you will need to first delete the current one. 
     <form name="delete_attachment_form" action="apr_attachment.cfc?method=delete_apr_attachment" method="post"> 
     <input type="hidden" name="apr_attachment_id" value="#apr_attachment_id#"> 
     <input type="hidden" name="apr_section_id" value="#apr_section_id#"> 
     <input type="hidden" name="submit_mode" value="DELETE"> 
     <input type="image" name="submit" src="images/delete.gif" alt="DELETE"> 
     </form> 
</tr>

現在我要修改這和圖像變爲按鈕，並把一些基本的JS文件代碼驗證，以便它在刪除之前詢問確認消息。

我有這個作爲我的代碼到目前爲止

<tr> To replace the document, you will need to first delete the current one. 
     <form name="delete_attachment_form" action="apr_attachment.cfc?method=delete_apr_attachment" method="post"> 
     <input type="hidden" name="apr_attachment_id" value="#apr_attachment_id#"> 
     <input type="hidden" name="apr_section_id" value="#apr_section_id#"> 
     <input type="hidden" name="submit_mode" value="DELETE"> 
     <input type="button" onClick ="return confirm('Are you sure you want to delete the current project activities document')" name="submit" Value="Delete"> 
     </form> 
</tr>

但在頁面當我點擊這個按鈕，任何人都可以指出什麼發生在這裏沒有改變/影響？由於

來源

2014-04-28 Kashyap Mukkamala

不宜按鈕是類型=「提交」的？ – BoltBait

「onClick」的eventListener在哪裏？ – DevlshOne

@DevlshOne你不能看到？ – nicael

添加id="form"到<form>，然後

<input type="button" onClick ="if(confirm('Are you sure you want to delete the current project activities document')==1){document.getElementById('form').submit();}" name="submit" Value="Delete">

來源

2014-04-28 20:14:25 nicael

不，我試過這個，單擊確定或取消時文檔沒有被刪除。 –

所以它的問題在* your * php中。 *我的*代碼是正確的。 – nicael

使用否定的if條件，它的工作。謝謝。 –

這就是JavaScript的其餘進來......或一個AJAX調用PHP文件來執行任務，爲您。我可以給你幾個指針嗎？首先給出button元素和ID，比如id="deleter"。然後，清理你的行內標記，添加這個事件監聽你的<head>部分：

<script> 
    var d = document.getElementById('deleter'); 
    var f = document.getElementByName('delete_attachment_form'); 
    d.onClick = function() { 
     var yn = confirm('Are you sure you want to delete the current project activities document?'); 
     // Note that the 'confirm' dialog is an obsolete construct 
     if (yn) { 
      f.submit(); 
     } 
    }; 
</script>

HTML標記

<tr>To replace the document, you will need to first delete the current one. 
     <form name="delete_attachment_form" action="apr_attachment.cfc?method=delete_apr_attachment" method="post"> 
     <input type="hidden" name="apr_attachment_id" value="#apr_attachment_id#"> 
     <input type="hidden" name="apr_section_id" value="#apr_section_id#"> 
     <input type="hidden" name="submit_mode" value="DELETE"> 
     <input type="button" id="deleter" name="deleter" Value="Delete"> 
     </form> 
</tr>

來源

2014-04-28 20:21:02 DevlshOne

但是，刪除文檔的操作出現在

@ user3335993像那樣 – DevlshOne

我沒有提到的一個問題......如果這個表有多行，你需要爲每個'

的JavaScript validation-- ONCLICK

回答

相關問題