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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
使用纯javascript实现放大镜效果
Mar 18 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
js实现图片无缝滚动
Dec 23 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
vue项目中定义全局变量、函数的几种方法
Nov 08 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
javascript数组includes、reduce的基本使用
Jul 02 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
PHP生成不重复标识符的方法
2014/11/21 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
Django 中 cookie的使用
2017/08/17 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
JavaScript 放大镜 移动镜片效果代码
2011/05/09 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
Javascript农历与公历相互转换的简单实例
2016/10/09 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
Bootstrap table使用方法记录
2017/08/23 Javascript
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
北京天润融通.net面试题笔试题
2012/02/20 面试题
应届毕业生求职信范例分享
2013/12/17 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
大学生毕业求职信
2014/06/12 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS