javascript - 当存在 onclick 时，Ajax 调用将不起作用

Question

我正在提交一个带有文本区域的表单，该表单将由 php 脚本保存。我通过 ajax(如下)执行此操作，但也调用 onclick 另一个 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;
  });
});

希望这对您有所帮助。