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 相关文章推荐
JavaScript 检测浏览器和操作系统的脚本
Dec 26 Javascript
js 数组的for循环到底应该怎么写?
May 31 Javascript
理解Javascript闭包
Nov 01 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
Dec 12 Javascript
jquery的live使用注意事项
Feb 18 Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 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
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
php教程之phpize使用方法
2014/02/12 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
ThinkPHP路由详解
2015/07/27 PHP
php查询内存信息操作示例
2019/05/09 PHP
javascript RadioButtonList获取选中值
2009/04/09 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
简单谈谈ES6的六个小特性
2016/11/18 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
开源Web应用框架Django图文教程
2017/03/09 Python
Tornado 多进程实现分析详解
2018/01/12 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
浅谈Python黑帽子取代netcat
2018/02/10 Python
Sanic框架Cookies操作示例
2018/07/17 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Python实现Singleton模式的方式详解
2019/08/08 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
服务中心夜班服务员岗位职责
2013/11/27 职场文书
上班玩手机检讨书
2014/02/17 职场文书
高考标语大全
2014/06/05 职场文书
医院护士见习期自我鉴定
2014/09/15 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏