首页 咨询中心 IT学堂
js提交form表单js链接提交form表单 action

网页制作中经常用到js提交form表单,或者用js通过点击链接提交form表单 action,下面是JS 提交form表单常用JS代码。

JS 提交form表单


源码实例
一:javascript 页面加裁时自动提交表单
Form表单:
<form method="post" id="myform" action="a.php">
<input type="submit" value="提交表单">
</form>

javascript 代码:
<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
window.load=validate();
</script>

注:用Javascript提交表单时最好form里的元素不要用id="submit"或name="submit",例如:
<input type="button" name="submit" />或<input type="button" id="submit" /> 这样JS可能不兼容各种浏览器,会导致JS报错。


二‘超链接提交表单

Form表单:
<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>

<a href="javascript:validate()">提交</a>

javascript 代码:
<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
</script>

用javascript其实真的很方便的去干某些事情!


第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功
 <script type="text/javascript">
    function validate(obj) {
       if (confirm("提交表单?")) {
          alert(obj.value);
          return true;
       } else {
          alert(obj.value);
          return false;
       }
    }
 </script>
 <body>
  <form action="http://www.baidu.com" onsubmit="return validate(document.getElementByIdx_x('myText'));"> <!—参数的这种写法注意下-->
  
     <input type="text" id="myText"/>
     <input type="submit" value="submit"/>
  
  </form>
 </body>

第二种方式:通过button按钮来触发表单提交事件onclick="submitForm();",会忽略掉其他标签中的属性,比如form标签中的onsubmit属性就失效了。这时为了进行表单验证,可以将验证代码放在submitForm();方法中进行验证。
 <script type="text/javascript">
    function validate() {
       if (confirm("提交表单?")) {
          return true;
       } else {
          return false;
       }
    }
    
    function submitForm() {
       if (validate()) {
          document.getElementByIdx_x("myForm").submit();
       }
    }
 </script>
 <body>
  <form action="http://www.baidu.com" id="myForm">
  
     <input type="text"/>
     <input type="button" value="submitBtn&qu

上一篇 一个过滤$_GET[]非法字符的函数
上一篇 HTML5又叫H5网站是下一代的HTML
本方链接: http://www.web258.cn/article/show/i1510.html
ARTICLE 相关推荐