當存在onclick時，Ajax調用將不起作用

Question

我正在提交一個帶有textarea的表單，它將通過php腳本保存。我通過ajax（下面）做到了這一點，但也調用了另一個javascript函數。如果onclick在那裏，ajax調用將不起作用，而當它不在時則會起作用。我該怎麼辦？

<script type="text/javascript"> 
$("document").ready(function(){ 
    $(".newcomment").submit(function(){ 
    var data = { 
     "action": "test" 
    }; 
    data = $(this).serialize() + "&" + $.param(data); 
    $.ajax({ 
     type: "POST", 
     dataType: "json", 
     url: "newcomment.php", 
     data: data, 
    }); 
    return false; 
    }); 
}); 
</script> 

我的提交按鈕是這樣的：

<input type="submit" id="button" onclick="return hideform()" name="submit" value="Salva"> 

Answer 1

嘗試將hideform()與submit合併和刪除內聯事件onClick。

HTML：

<input type="submit" id="button" onclick="return hideform()" name="submit" value="Salva"> 

JS：

$("document").ready(function(){ 
    $(".newcomment").submit(function(){ 
    hideform(); <<---- HIDE THE FORM HERE 

    var data = { 
     "action": "test" 
    }; 
    data = $(this).serialize() + "&" + $.param(data); 
    $.ajax({ 
     type: "POST", 
     dataType: "json", 
     url: "newcomment.php", 
     data: data, 
    }); 
    return false; 
    }); 
}); 

希望這有助於。