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代码压缩器
Oct 12 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
Jquery 绑定时间实现代码
May 03 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
jQuery Validate初步体验(二)
Dec 12 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
vue数据双向绑定原理解析(get &amp; set)
Mar 08 Javascript
浅谈node模块与npm包管理工具
Jan 03 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
微信小程序实现轨迹回放的示例代码
Dec 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
php explode函数实例代码
2012/02/27 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
Thinkphp 3.2框架使用Redis的方法详解
2019/10/24 PHP
javaScript 简单验证代码(用户名,密码,邮箱)
2009/09/28 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
用js实现in_array的方法
2013/11/05 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
js仿微信语音播放实现思路
2016/12/12 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
深入理解vue中的$set
2017/06/01 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
2017/06/03 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
微信小程序自定义弹窗实现详解(可通用)
2019/07/04 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
python根据距离和时长计算配速示例
2014/02/16 Python
遍历python字典几种方法总结(推荐)
2016/09/11 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
使用pip安装python库的多种方式
2019/07/31 Python
Anaconda之conda常用命令介绍(安装、更新、删除)
2019/10/06 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
XML文档面试题
2015/08/05 面试题
计算机工程学院个人求职信
2013/10/05 职场文书
交通事故检查书范文
2014/01/30 职场文书
考核评语大全
2014/04/29 职场文书
铅球加油稿100字
2014/09/26 职场文书
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL