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 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
Javascript 个人笔记(没有整理,很乱)
Jul 07 Javascript
Javascript 入门基础学习
Mar 10 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
JavaScript小技巧整理
Dec 30 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
js canvas实现擦除效果示例代码
Apr 26 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
JS实现商品筛选功能
Aug 19 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 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里的中文变量说明
2011/07/23 PHP
php+ajax登录跳转登录实现思路
2016/07/31 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
一个很酷的拖动层的js类,兼容IE及Firefox
2009/06/23 Javascript
基于jQuery的表格操作插件
2010/04/22 Javascript
javascript学习笔记(八) js内置对象
2012/06/19 Javascript
基于jQuery实现的文字按钮表单特效整理
2014/12/07 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
jquery模拟多级复选框效果的简单实例
2016/06/08 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
Vue.js实现简单ToDoList 前期准备(一)
2016/12/01 Javascript
js实现旋转木马效果
2017/03/17 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python实现二叉搜索树
2016/02/03 Python
Python OpenCV获取视频的方法
2018/02/28 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Python多线程的退出控制实现
2020/08/10 Python
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
财务部岗位职责
2013/11/19 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
护理专业自荐信范文
2014/02/26 职场文书
民主生活会汇报材料
2014/12/15 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers