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 禁用只读文本框获得焦点时的退格键
Apr 25 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
May 23 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
JavaScript给url网址进行encode编码的方法
Mar 18 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
Vue组件中slot的用法
Jan 30 Javascript
微信小程序HTTP请求从0到1封装
Sep 09 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
vue实现购物车结算功能
Jun 18 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 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/12/30 PHP
解析PHP跨站刷票的实现代码
2013/06/18 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
超级强大的表单验证
2006/06/26 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
AngularJS基础 ng-list 指令详解及示例代码
2016/08/02 Javascript
js中的面向对象入门
2017/03/06 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
JavaScript满天星导航栏实现方法
2018/03/08 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
python根据时间生成mongodb的ObjectId的方法
2015/03/13 Python
深入解析Python中的lambda表达式的用法
2015/08/28 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
Python中正则表达式的用法总结
2019/02/22 Python
python pygame实现方向键控制小球
2019/05/17 Python
用Python写一个自动木马程序
2019/09/17 Python
Django实现分页显示效果
2019/10/31 Python
python3中sorted函数里cmp参数改变详解
2020/03/12 Python
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
英国最受欢迎的价格比较网站之一:MoneySuperMarket
2018/12/19 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
高校生生产实习自我鉴定
2013/09/21 职场文书
运动会广播稿100字
2014/01/11 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
疾病证明书
2015/06/19 职场文书
公司车辆维修管理制度
2015/08/05 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
Django debug为True时,css加载失败的解决方案
2021/04/24 Python