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 相关文章推荐
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
jQuery $.each的用法说明
Mar 22 Javascript
基于jquery实现的类似百度搜索的输入框自动完成功能
Aug 23 Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
利用vue实现模态框组件
Dec 19 Javascript
浅谈Javascript事件对象
Feb 05 Javascript
Node.js学习之查询字符串解析querystring详解
Sep 28 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
webpack4的迁移的使用方法
May 25 Javascript
微信小程序 Storage更新详解
Jul 16 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发送邮件类代码附详细说明
2008/07/10 PHP
php SQL Injection with MySQL
2011/02/27 PHP
PHP实现简易图形计算器
2020/08/28 PHP
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
2013/04/15 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
[01:44]《为梦想出发》—联想杯DOTA2完美世界全国高校联赛
2015/09/30 DOTA
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
python读取LMDB中图像的方法
2018/07/02 Python
Win10环境python3.7安装dlib模块趟过的坑
2019/08/01 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
西雅图的买手店:Totokaelo
2019/10/19 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
企业总经理岗位职责
2014/02/13 职场文书
趣味运动会策划方案
2014/06/02 职场文书
企业安全生产标语
2014/06/06 职场文书
正风肃纪查摆剖析材料
2014/10/10 职场文书
2014年生产部工作总结
2014/12/17 职场文书
公证书格式
2015/01/23 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
毕业论文致谢词
2015/05/14 职场文书
2016年大学生党员承诺书
2016/03/24 职场文书
python中pycryto实现数据加密
2022/04/29 Python