+ -
当前位置:首页 → 问答吧 → 关于jQuery Form 插件提交时的一个问题

关于jQuery Form 插件提交时的一个问题

时间:2009-07-01

来源:互联网

下面为javascript

$(document).ready(function() {
    var options = { 
        success: showMessage // post-submit callback 
    };

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

    $(this).ajaxSubmit( options ); 
    return false; 
    });
});

function showMessage( firstP ){
alert(" submited:[" + firstP.message + "]");
}

function submitForm(){ 
    var formObj = document.getElementById("myForm"); 
    formObj.action = "url.do"; 
    formObj.submit();
}


下面为我要提交的表单


<form id="myForm" action="<c:url value='url.do" method="post"> 
    Name: <input type="text" name="aa"/> 
    Comment: <input type="text" name="bb"/> 
    <input type="button" onclick="submitForm()" value="Submit Comment" />
</form>





问题是:我如果用JAVASCRIPT提交表单,当前页面会跳转到另一个页面。

    如果不用JAVASCRIPT提交,用最简单的按按钮直接提交的话,就不会出现上面的状况。请问这是为什么,谢谢大家了。

    (后台用的是struts,form的action地址是struts的action)

作者: hotdust   发布时间: 2009-07-01

主要的问题是用JAVASCRIPT提交表单时,根本不走ajaxsubmit(),直接就跳转了。
如果单击submit按钮,就执行ajaxsubmit()。

我想用JAVASCRIPT提交也走ajaxsubmit函数,应该怎么做呢?

作者: hotdust   发布时间: 2009-07-16