首页 > 解决方案 > 尝试从链接提交表单同时调用函数

问题描述

如果我从链接提交表单,它应该提交表单,同时 onsubmit 它应该调用一个函数。

有可能实现这一目标吗?

<form  id=abc>
  <input type=hidden id=qty  name=quantity value=1 title=Qty/>
</form>
<a onclick=document.getElementById('abc').submit();>
  <h1>Click Me</h1>
</a>
<script>  
  document.getElementById("abc").onsubmit = function()
  {
    test22()
  };
    
  function test22(){
    alert('aaa');
    return false;
  }
</script>

标签: javascriptjquery

解决方案


是的,你应该试试这个

<form  id=abc>
  <input type=hidden id=qty  name=quantity value=1 title=Qty/>
</form>

<a onclick="submit_form()">
  <h1>Click Me</h1>
</a>

<script>  
  function submit_form(){
    document.getElementById("abc").submit();
  }

  document.getElementById("abc").onsubmit = function(){
    test22()
  };

  function test22(){
    alert('aaa');
    return false;
  }
</script>

或者干脆

 <script>  
  function submit_form(){
    document.getElementById("abc").submit();
      test22();
    }

  function test22(){
    alert('aaa');
    return false;
  }
</script>

不推荐使用内联 JAVASCRIPT

但你可以这样做

<form  onsubmit="test22();" id=abc>
  <input type=hidden id=qty  name=quantity value=1 title=Qty/>
</form>

推荐阅读