JS提交form表单实例分析


Posted in Javascript onDecember 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 Javascript
文字不间断滚动(上下左右)实例代码
Apr 21 Javascript
javascript实现动态标签云
Oct 16 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
Javascript获取某个月的天数
May 30 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
vue实现简单全选和反选功能
Sep 15 Javascript
vue的webcamjs集成方式
Nov 16 Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 #Javascript
AngularJs实现ng1.3+表单验证
Dec 10 #Javascript
理解AngularJs指令
Dec 10 #Javascript
详解AngularJS实现表单验证
Dec 10 #Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 #Javascript
JavaScript动态创建form表单并提交的实现方法
Dec 10 #Javascript
jquery实现定时自动轮播特效
Dec 10 #Javascript
You might like
php中的时间处理
2006/10/09 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
Yii框架学习笔记之应用组件操作示例
2019/11/13 PHP
JavaScript Object的extend是一个常用的功能
2009/12/02 Javascript
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
node.js中的fs.readSync方法使用说明
2014/12/17 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
jQuery使用jsonp实现百度搜索的示例代码
2020/07/08 jQuery
js 实现碰撞检测的示例
2020/10/28 Javascript
对于Python中RawString的理解介绍
2016/07/07 Python
浅析Python的web.py框架中url的设定方法
2016/07/11 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
python中树与树的表示知识点总结
2019/09/14 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
速比涛英国官网:Speedo英国
2019/07/15 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
几个MySql的面试题
2013/04/22 面试题
物流专业大学的自我评价
2014/01/11 职场文书
交通安全寄语大全
2014/04/08 职场文书
门店业绩提升方案
2014/06/08 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
师德承诺书
2015/01/20 职场文书