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 相关文章推荐
如何在标题栏显示框架内页面的标题
Feb 03 Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 Javascript
浅谈jQuery中setInterval()方法
Jul 07 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
对javascript继承的理解
Oct 11 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
vue如何从接口请求数据
Jun 22 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
关于JSON解析的实现过程解析
Oct 08 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
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
PHP的PDO连接讲解
2019/01/24 PHP
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
AngularJS 模块详解及简单实例
2016/07/28 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
2019/05/07 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
JavaScript实现多个物体同时运动
2020/03/12 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
Python脚本实现12306火车票查询系统
2016/09/30 Python
基于python指定包的安装路径方法
2018/10/27 Python
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
保安的辞职报告怎么写
2014/01/20 职场文书
即将毕业大学生自荐信
2014/01/24 职场文书
生活部的活动方案
2014/08/19 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
详解java如何集成swagger组件
2021/06/21 Java/Android
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS
世界十大评分最高的动漫,CLANNAD上榜,第八赚足人们眼泪
2022/03/18 日漫
DIY胆机必读:各国电子管评价
2022/04/06 无线电