JS提交表单二种方式

发布时间:2020-03-15编辑:脚本学堂
本文介绍下js提交表单的二种方式,掌握下js中表单提交的方法,有需要的朋友参考下。

使用js提交表单有如下二种常用方式。
方式1,
 

复制代码 代码示例:
<form action="" name="form1" method="post"> 
    <input type="submit" name="btnSelect" value="追加" class="btn btn-silver"  
onClick="form1.action='PersonnelInfoAdd.html';"/> 
</form> 

第二种表单提交方式:
 

复制代码 代码示例:

<script>    
  function subMethod(name){    
    if(name=="b1"){    
      document.form2.action="a.jsp";    
      f1.submit();    
    }    
    else if(name="b2"){    
      document.form2.action="b.jsp";    
      f1.submit();    
    }    
  }
</script>  
 
<script> 
  function save(){  
    document.form1.action="save.jsp"; 
    document.form1.submit(); 
  } 
  function send(){ 
    document.form1.action="send.jsp"; 
    document.form1.submit(); 
  } 
</script> 

<form action="a.jsp" name="form2" method="post">    
    <input type="button" name="b1" onclick="subMethod('b1');" value="追加">    
    <input type="button" name="b2" onclick="subMethod('b2');" value="编辑">    
</form> 
<form name="form1"> 
    <input type="button" name="btn1" value="发送" onclick="send();"> 
    <input type="button" name="btn2" value="保存" onclick="save();"> 
</form>  

js原型提交表单的小技巧:
 

复制代码 代码示例:
<input type="button" name="btnSelect" value="返回" class="btn btn-silver"  
Click="history.go(-1)"/>