jQuery單行電子郵件表單＆提交輸入

enter image description here

有人在粘貼的鏈接，點擊進入，它拍攝到我的電子郵件。我不希望任何其他類型的領域是必需的。如果他們將默認的文本更改提交給「建議發送！」後會更加令人驚歎。或任何消息。任何人都可以向我提供關於如何最好地解決這個問題的建議嗎？

下面是我在HTML的方式：

<form action="mailto:(myemail)" method="post" enctype="text/plain" > 
<input type="text" id="youtube_link" 
    value="Paste YouTube link here & hit enter" /> 
</form>

但是，而不是拍攝的消息給我的電子郵件它帶來了用戶的默認電子郵件客戶端。我如何解決這個問題？

來源

2012-07-03 zep_fan

點擊enter將已經提交表格（當輸入有焦點時）。你不需要任何JS或者（甚至提交按鈕）。

來源

2012-07-03 09:51:47 czachor

的Html - >

<form id="my-form" onsubmit="return false"> 
<input type="text" id="link" placeholder="Enter link here and press enter!" /> 
<div class="text"></div> 
</form>

的jQuery - >

$("#my-form").submit(function() { 
    $value = $("link").val(); 

    // do something with $value 

    // hide textfield 
    $("#link").hide(); 

    // update status 
    $("#my-form > .text").html("Suggestion sent!"); 
});

UPDATE

要真正發送郵件，你需要編寫服務器端代碼。並實現從jQuery到你的服務器腳本的ajax調用，而後者又將處理郵件邏輯。

來源

2012-07-03 09:54:18 Bojack

非常真棒，我真誠地感激迅速反應！如果你不介意看看，我已經用另一些信息更新了我的帖子。 –

查看我的更新 – Bojack

您可以使用適當的HTML做到這一點：

<form action="mailto:[email protected]?subject=Suggestion%20sent!" method="POST" enctype="multipart/form-data" onsubmit="javascript:captureSubmit();"> 
<input type="text" id="url" name="url" /> 
</form>

來源

2012-07-03 09:56:12

我的回答是在您更新之前 –

感謝您的回覆！不幸的是，這仍然沒有規避我的瀏覽器啓動默認電子郵件客戶端的問題，而不是僅僅拍攝一條消息。 –

jQuery單行電子郵件表單＆提交輸入

回答

相關問題