zoukankan      html  css  js  c++  java
  • 用javascript提交表单

    JavaScript代码部分:

    <script type="text/javascript">
    function TiJiao()
    {
       document.getElementById("BiaoDan").action="JieShou.php";      根据form 的id取form
       document.getElementById("BiaoDan").submit();
    }
    
    </script>
    表单部分:
    <form id="BiaoDan" name="BiaoDan" method="post">
     <input type="button" name="button" id="button" value="提交" onclick="TiJiao()" />
    </form>
    

      

    在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法:

    使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在javascript中实现具体,代码如下:

    <head>
     <script type="text/javascript">
     function submitBtnClick(){
        document.fileForm.submit();      form名称
     }
     </script>
     </head>
     <body>
     <form action="../welcome.jsp" name="fileForm">
     <input type="file" value="请选择图像">
     <button id="submitBtn"  Onclick="submitBtnClick()">检索</button>
     </form>
     </body>
    

      

    上文代码通过document选中fileForm表单,然后在调用该表单的submit方法即可实现用button按钮间接完成submit方法的功能,但说到底还是调用submit方法。

  • 相关阅读:
    js正则
    常用正则表达式
    JS
    Vue
    JS
    Cookie、Session和自定义分页
    ORM分组操作示例(与SQL语句的比较)以及基于对象和queryset的正反查询
    跨站请求伪造和csrf_token使用
    ORM之单表、多表操作
    Django中ORM介绍和字段及字段参数
  • 原文地址:https://www.cnblogs.com/wfy680/p/14537322.html
Copyright © 2011-2022 走看看