提交按钮的name='submit'引起的js失效问题及原因


Posted in Javascript onFebruary 25, 2015

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Insert title here</title>

<link type="text/css" rel="stylesheet" href="css/style.css">

</head>

<body>

<form id="pquery" method="post" action="supplierAction!list.action">

<div class="menu">

                商品名称:

                <input name="bill.goodsname" class="input-text" type="text">

                     是否付款:

                <select name="bill.pay">

                    <option value="">

                        请选择

                    </option>

                    <option value="01">

                        已付款

                    </option>

                    <option value="02">

                        未付款

                    </option>

                </select>

                    

                <!--就是因为下面这个按钮的名称叫做submit导致js失效-->

                <input name="submit" value="组合查询" class="button" type="submit">

            </div>

<div style="text-align: center;">每页显示

<select name="page.pageItems" onchange="gotoSelectedPage1()">

<option value="5">5</option>

<option value="10" selected="selected">10</option>

<option value="20">20</option>

<option value="50">50</option>

</select>条 共6条记录  第

<input id="curpage" name="page.currentPage" style="height:14px;line-height:14px; vertical-align:middle;color:#005aa7; border-bottom:1px solid #005aa7;border-top:0px;border-left:0px;border-right:0px;background-color:transparent;width:14px;text-align: center; " readonly="readonly" value="1" size="3">

页 / 共1页 <a href="javascript:page_first();">第一页</a>

<a href="javascript:page_last();">最后一页</a>  跳转页码至:

<select style="width: 40px;" id="selectpage" onchange="gotoSelectedPage()">

<option value="1" selected="selected">1</option></select></div>

<script type="text/javascript">

function sel(val){return document.getElementById(val);}

var page=sel('curpage');var form=sel('pquery');var select=sel('selectpage');

function page_first() {page.value = 1;form.submit();}

function page_pre() {var a = page.value;a = parseInt(a) - 1;page.value = a;page_validate();form.submit();}

function page_next() {var a = page.value;a = parseInt(a) + 1;page.value = a;page_validate();form.submit();}

function page_last() {page.value = 1;form.submit();}

function page_validate() {var a = page.value;if (a < 1){a = 1;}    if (a > 1){a = 1;}page.value = a;}

function gotoSelectedPage1() {page.value = 1;form.submit();}

function gotoSelectedPage() {page.value = select.value;form.submit();}

</script>

</div>

</form>

</body></html>

name属性删除之后正常运行~~这是什么原因呢,经过一番研究和咨询,一位大神给出了答案

form中元素通过name获取。如果name=submit,那么form.submit得到的应该是 那个input 。所以form.submit()会报 is not a finction 的错误

小伙伴们了解了没,希望本文能给大家一些帮助

Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
javascript动态改变img的src属性图片不显示的解决方法
Oct 20 Javascript
jquery中选择块并改变属性值的方法
Jul 31 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
javascript初学者常用技巧
Sep 02 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 #Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 #Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 #Javascript
Javascript中获取对象的原型对象的方法小结
Feb 25 #Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 #Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 #Javascript
JS实现自适应高度表单文本框的方法
Feb 25 #Javascript
You might like
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
PHP 网页过期时间的控制代码
2009/06/29 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
PHP数组内存利用率低和弱类型详细解读
2017/08/10 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
js创建对象的方式总结
2015/01/10 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
2018/01/23 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
Python实现单词拼写检查
2015/04/25 Python
python利用datetime模块计算时间差
2015/08/04 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
Python面向对象程序设计多继承和多态用法示例
2019/04/08 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
iPython pylab模式启动方式
2020/04/24 Python
python中实现栈的三种方法
2020/12/19 Python
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
中国专业的音频分享平台:喜马拉雅
2019/05/24 全球购物
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
幼儿园义卖活动方案
2014/01/17 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
党支部承诺书范文
2014/03/28 职场文书
青年文明号汇报材料
2014/12/23 职场文书
医院消毒隔离制度
2015/08/05 职场文书
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS