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 数组详解
Oct 10 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
jquery如何获取元素的滚动条高度等实现代码
Oct 19 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
Nuxt.js实战详解
Jan 18 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
Koa 使用小技巧(小结)
Oct 22 Javascript
vue+SSM实现验证码功能
Dec 07 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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
PHP新手上路(六)
2006/10/09 PHP
php常用表单验证类用法实例
2015/06/18 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
js 判断脚本加载完毕的代码
2011/07/13 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
layui表格数据重载
2019/07/27 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
浅析python参数的知识点
2018/12/10 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
电子信息专业自荐书
2014/02/04 职场文书
美术教学感言
2014/02/22 职场文书
我的祖国演讲稿
2014/05/04 职场文书
党员示范岗材料
2014/12/19 职场文书
红与黑读书笔记
2015/06/29 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python