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图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
单行 JS 实现移动端金钱格式的输入规则
May 22 Javascript
js实现省市级联效果分享
Aug 10 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 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
让这部DC动画新作刷新你的认知
2020/03/03 欧美动漫
thinkphp在php7环境下提示Cannot use ‘String’ as class name as it is reserved的解决方法
2016/09/30 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
JavaScript截取字符串的2个函数介绍
2014/08/27 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
2015/09/02 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
Node.js进阶之核心模块https入门
2018/05/23 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
nodejs简单抓包工具使用详解
2019/08/23 NodeJs
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
python中bisect模块用法实例
2014/09/25 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
python实现简单成绩录入系统
2019/09/19 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
毕业生求职简历的自我评价
2013/10/07 职场文书
住房公积金接收函
2014/01/09 职场文书
乡镇纠风工作实施方案
2014/03/22 职场文书
法人授权委托书范本
2014/04/04 职场文书
园林系毕业生求职信
2014/06/23 职场文书
综合测评自我评价
2015/03/06 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js