Question

我怎样才能制作一个简单的html表单（只有名称和电子邮件），当提交一些Jquery时，会在页面上找到一个特定的链接，并将其与表单中的信息一起发送到一个脚本的Web服务器然后从表单发送电子邮件到该电子邮件地址以及链接链接总是以相同的东西开头，看起来像：

http://www.exemple.com/abcd/1u3odjeo
http://www.exemple.com/abcd/340fkdl4

这就是我现在获得的表格：

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('#submit').click(function(){

$.post("send.php", $("#mycontactform").serialize(),  function(response) {   
 $('#success').html(response);
 //$('#success').hide('slow');
});
return false;


});

});
</script>
</head>
<body>

<form action="" method="post" id="mycontactform" >
<label for="name">Name:</label><br />
<input type="text" name="name" id="name" /><br />
<label for="email">Email:</label><br />
<input type="text" name="email" id="email" /><br />
<input type="button" value="send" id="submit" /><div id="success" style="color:red;"></div>
</form>
</body>
</html>

我错过了链接抓取以及如何将其添加到发送电子邮件的脚本中。

感谢您的帮助

Answer 1

从页面获取链接，并在序列化和发送之前在表单中插入隐藏的输入。您还可以将链接值集中到序列化字符串：

$(document).ready(function () {
    $('#mycontactform').on('submit', function(e) {
        e.preventDefault();
        var link = $('a[href*="http://www.exemple.com/abcd/"]').attr('href');

        $('<input />', {type: 'hidden', name : 'link', value: link});

        $.post("send.php", $("#mycontactform").serialize(), function (response) {
            $('#success').html(response);
        });
    });
});

查找链接并将其与表单一起发送到电子邮件

1 个答案: