在jquery/ajax中使用文本链接作为按钮_Jquery_Ajax

在jquery/ajax中使用文本链接作为按钮

jquery ajax

在jquery/ajax中使用文本链接作为按钮,jquery,ajax,Jquery,Ajax,我下载了一个带有普通按钮的ajax/jquery conatct表单。但是我想用一个文本链接替换这个按钮。我一直在尝试网络上的一些建议，但似乎都不管用任何帮助都将不胜感激 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.

我下载了一个带有普通按钮的ajax/jquery conatct表单。但是我想用一个文本链接替换这个按钮。我一直在尝试网络上的一些建议，但似乎都不管用

任何帮助都将不胜感激

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#contact_form').submit(function(e){
        e.preventDefault();
        var form = $(this);
        var post_url = form.attr('action');
        var post_data = form.serialize();
        $('#loader', form).html('<img src="loader.gif" /> Please Wait...');
        $.ajax({
            type: 'POST',
            url: post_url, 
            data: post_data,
            success: function(msg) {
                $(form).fadeOut(500, function(){
                    form.html(msg).fadeIn();
                });
            }
        });
    });
});
</script>
</head>
<body>
<form action="process.php" method="post" id="contact_form">
    <div>
         <label for="name">Your Name:</label>
         <input type="text" name="name" id="name" value="" tabindex="1" />
    </div>
    <div>
         <label for="email">Your Email:</label>
         <input type="text" name="email" id="email" value="" tabindex="2" />
    </div>
    <div>
        <label for="message">Message:</label>
        <textarea cols="40" rows="8" name="message" id="message"></textarea>
    </div>
    <div id="loader">
        <input type="submit" value="Submit" /> 
    </div>
</form>
</body>
</html>


$（函数（）{
$（'联系表格'）。提交（功能（e）{
e、 预防默认值（）；
变量形式=$（此）；
var post_url=form.attr（'action'）；
var post_data=form.serialize（）；
$（'loader'，form）.html（'Please Wait…'）；
$.ajax({
键入：“POST”，
url:post_url，
数据：post_数据，
成功：功能（msg）{
$（形式）.fadeOut（500，函数（）{
html（msg.fadeIn（）；
});
}
});
});
});
你的名字：
您的电子邮件：
信息：

如果您只想用标签替换提交按钮：

在HTML中，替换

标记：

<div id="loader">
    <!-- <input type="submit" value="Submit" /> -->
    <a id="yourID" href="" >Your Text</a>
</div>

将按钮替换为

<a href="#" id="submit">Submit</a>

HTML

<div id="loader">
    <a href="#" class="submit">Submit</a> 
</div>

$(function(){
    $('#contact_form').submit(function(e){
        e.preventDefault();
        var form = $(this);
        var post_url = form.attr('action');
        var post_data = form.serialize();
        $('#loader', form).html('<img src="loader.gif" /> Please Wait...');
        $.ajax({
            type: 'POST',
            url: post_url, 
            data: post_data,
            success: function(msg) {
                $(form).fadeOut(500, function(){
                    form.html(msg).fadeIn();
                });
            }
        });
    }).delegate('a.submit', 'click', function() {
        $(this).closest('form').submit();
        return false;
    });
});

$（函数（）{
$（'联系表格'）。提交（功能（e）{
e、 预防默认值（）；
变量形式=$（此）；
var post_url=form.attr（'action'）；
var post_data=form.serialize（）；
$（'loader'，form）.html（'Please Wait…'）；
$.ajax({
键入：“POST”，
url:post_url，
数据：post_数据，
成功：功能（msg）{
$（形式）.fadeOut（500，函数（）{
html（msg.fadeIn（）；
});
}
});
}).delegate（'a.submit'，'click'，function（）{
$（this）.closest（'form'）.submit（）；
返回false；
});
});

<div id="loader">
    <a href="#" class="submit">Submit</a> 
</div>

$(function(){
    $('#contact_form').submit(function(e){
        e.preventDefault();
        var form = $(this);
        var post_url = form.attr('action');
        var post_data = form.serialize();
        $('#loader', form).html('<img src="loader.gif" /> Please Wait...');
        $.ajax({
            type: 'POST',
            url: post_url, 
            data: post_data,
            success: function(msg) {
                $(form).fadeOut(500, function(){
                    form.html(msg).fadeIn();
                });
            }
        });
    }).delegate('a.submit', 'click', function() {
        $(this).closest('form').submit();
        return false;
    });
});