點擊後隱藏提交按鈕

Question

我知道關於如何隱藏點擊後提交按鈕有很多答案，但我不能得到任何解決方案的工作。我試圖用onclick=""和javascript來隱藏它。該表單是一個wordpress插件。

echo '<p><input type="submit" name="submitted" id="send" value="Send"></p>'; 

Answer 1

我會做什麼@Nexxuz建議，但要加，如果你是隱藏按鈕的目的防止重複提交，你應該配合按鈕的隱藏的表單的提交事件，因爲這抓住了提交按鈕的點擊，以及用戶打「回車」

$(document).ready(function($) { 
    $('#myForm').on('submit', function(evt) { 
     $('#send').hide(); 
    }); 
}); 

Answer 2

如果您有jQuery的可用，你可以做的簡單的東西：

$(document).ready(function() { 
    $('#send').on('click', function() { 
     $(this).hide(); 
    }); 
}); 

Answer 3

你可以做THI通過添加onclick =「this.style.display ='none';」如提供的代碼片段所示。

echo '<p><input type="submit" name="submitted" id="send" value="Send" onclick="this.style.display='none';"></p>';