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 相关文章推荐
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
模仿百度三维地图的js数据分享
May 12 Javascript
js简单抽奖代码
Jan 16 Javascript
深入探讨javascript中的数据类型
Mar 04 Javascript
jQuery实现仿Google首页拖动效果的方法
May 04 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
js图片放大镜实例讲解(必看篇)
Jul 17 Javascript
js轮播图的插件化封装详解
Jul 17 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 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
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
php中strtotime函数用法详解
2014/11/15 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
php命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
Seajs的学习笔记
2014/03/04 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
用python写的一个wordpress的采集程序
2016/02/27 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
python数据持久存储 pickle模块的基本使用方法解析
2019/08/30 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
python和JavaScript哪个容易上手
2020/06/23 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
个人简历中的自我评价范例
2013/10/29 职场文书
十八大演讲稿
2014/05/22 职场文书
校园环保标语
2014/06/13 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
企业法人代表证明书
2014/09/27 职场文书
2014年教育实习工作总结
2014/11/22 职场文书
清洁工个人工作总结
2015/03/05 职场文书