jQuery ajax提交form插件的使用

原有例子中

Name: Comment:

<script type="text/javascript"> 
    // wait for the DOM to be loaded 
    $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    }); 
</script> 

这样就可以调用到后台的action，可当我将 换成一张图片，在点击图片的时候调用后台的action，现在应该怎么改才可以实现跟上面点击
一样的效果呢？也就是说怎么绑定图片的单击事件可以跟
一样调用它封装好的方法。

$(function(){ $('#submit').click(function(){ $('#myForm').submit(); }) })

img标签有onclick时间，当单击的时候出发form的提交就可以了。

onclick="document.getElementById('myForm').submit()"这样就可以了

那你以前直接点击提交按钮也是提交表单啊，你不是要一样的嘛？这样就一样了！

要想你说的这个可以这样
[code="js"]
function submitForm(){
$('#myForm').submit(function() {
// 提交表单
$(this).ajaxSubmit();
// 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false
return false;
});
}
[/code]

然后图片的单击事件onclick=“submitForm”就好了

[code="js"] $('#myForm').ajaxSubmit(function() {
alert("Thank you for your comment!");
}); [/code]
你仔细找找，你用的那个jquery.form.js应该具有提交功能。

请别忘了！jQuery ajax提交form插件的　初衷就是要解决　ａｊａｘ　ｆｏｒｍ提交的！　虽然是老外写的　单是还是很　ｈａｐｐｙ的！
对于楼主的情况你点击　图片　触发　ｏｎｃｌｉｃｋ事件　
然后调用这个方法！submitForm（）；
　　　祝你好运！　　　 :arrow:

[code="java"]
function submitForm(){
var form = $("form[name=MsgForm]");
if($("input[name=user_name]").val() == null || $("input[name=user_name]").val() == ""){//这里是如果user_name为空则用ajaxform提交，否则按照传统方式提交。
//ajax form post
var options = {success:showResponse,resetForm:true,url:"../user/msg.do?d=sendMsgByAjax"};
form.ajaxForm(options);
return;
}
form.submit();//传统form提交
}
function showResponse(xml){//回调函数
if(1 == xml){
alert("信息发送成功！");
}else{
alert("信息发送失败！");
}
}
[/code]