0

我如何制作一个简单的 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>  

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

谢谢你的帮助

4

1 回答 1

0

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

$(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);
        });
    });
});
于 2013-05-20T13:02:04.567 回答