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 相关文章推荐
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
js创建表单元素并使用submit进行提交
Aug 14 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
详解Node.js串行化流程控制
May 04 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
JS实现的邮箱提示补全效果示例
Jan 30 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
layui树形菜单动态遍历的例子
Sep 23 Javascript
vue项目中锚点定位替代方式
Nov 13 Javascript
vue中实现动态生成二维码的方法
Feb 21 Javascript
Vue实现boradcast和dispatch的示例
Nov 13 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使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
Yii框架where查询用法实例分析
2019/10/22 PHP
ASP SQL防注入的方法
2008/12/25 Javascript
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
2014/06/03 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
MockJs结合json-server模拟后台数据
2020/08/26 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
HTML5 Video/Audio播放本地文件示例介绍
2013/11/18 HTML / CSS
端口镜像是怎么实现的
2014/03/25 面试题
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
幼儿园感恩节活动方案2014
2014/10/11 职场文书
python实现批量移动文件
2021/04/05 Python
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js