JS提交form表单实例分析
更新时间：2015年12月10日 11:02:51 作者：宁彦栋
这篇文章主要介绍了JS提交form表单的方法,结合实例形式简单分析了页面加载时提交表单及通过链接提交表单的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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其实真的很方便的去干某些事情！
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- ASP.NET在MVC控制器中获取Form表单值的方法
- springMVC结合AjaxForm上传文件
- jquery.form.js框架实现文件上传功能案例解析（springmvc）
- 使用jQuery.form.js/springmvc框架实现文件上传功能
- 适用于WebForm Mvc的Pager分页组件C#实现
- 详解ASP.NET MVC Form表单验证
- ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
- jQuery Form 表单提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用
- jquery插件EasyUI中form表单提交实例分享
- jQuery实现form表单基于ajax无刷新提交方法详解
- jquery validate和jquery form 插件组合实现验证表单后AJAX提交
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- mvc中form表单提交的三种方式(推荐)
相关文章
Javascript函数在定义它们的作用域里运行，而不是在执行它们的作用域里运行。2010-11-11
这篇文章主要介绍了当鼠标滑过文本框自动选中输入框内容的JS代码，有需要的朋友可以参考一下2013-11-11
下面小编就为大家带来一篇基于JavaScript表单脚本(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
下面小编就为大家带来一篇js中遍历Map对象的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
My Desktop 桌面式 代码2008-12-12
这篇文章主要介绍了JavaScript代码简化技巧实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
下面小编就为大家带来一篇js实现(全选)多选按钮的方法【附实例】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-03-03
一个JS实现的展开关闭来回切换的代码。用于一段内容的显示与隐藏，点一次隐藏，再点一次就显示，来回切换。2010-04-04
这篇文章主要为大家详细介绍了微信小程序实现文字跑马灯，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
纯JavaScript实现获取onclick、onchange等事件的值
这篇文章主要介绍了JavaScript获取onclick、onchange等事件的值的方法,需要的朋友可以参考下2014-12-12
最新评论