jQuery一行电子邮件表格＆amp;提交进入

Question

我正在尝试用jQuery解决问题。

有人在链接中粘贴，点击进入，然后它会发送到我的电子邮件中。我不想要任何其他类型的字段。如果他们将默认文本更改提交到“Suggestion sent！”后会更加惊人。或者任何消息。任何人都可以就如何最好地解决这个问题向我提出任何建议吗？

这就是我对HTML方式的看法：

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

但是，不是向我的电子邮件中发送消息，而是显示用户的默认电子邮件客户端。我该如何解决这个问题？

Answer 1

Html - ＆gt;

<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 - ＆gt;

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

  // do something with $value

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

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

<强>更新

要实际发送邮件，您需要编写服务器端代码。并实现从jQuery到服务器脚本的ajax调用，然后服务器脚本将处理邮件逻辑。

Answer 2

按Enter键将提交表单（输入有焦点）。你不需要任何JS或某事（甚至提交按钮）。

Answer 3

您可以使用正确的HTML来执行此操作：

<form action="mailto:someone@somwhere.com?subject=Suggestion%20sent!" method="POST" enctype="multipart/form-data" onsubmit="javascript:captureSubmit();">
<input type="text" id="url" name="url" />
</form>