提交按钮的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 相关文章推荐
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
JS实现图片居中悬浮效果
Dec 25 Javascript
简述vue中的config配置
Jan 23 Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 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
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
来自qq的javascript面试题
2010/07/24 Javascript
通过jQuery源码学习javascript(一)
2012/12/27 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
2013/09/18 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
node.js适合游戏后台开发吗?
2014/09/03 Javascript
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
js简单遍历获取对象中的属性值的方法示例
2019/06/19 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
2019/10/25 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
python实现类之间的方法互相调用
2018/04/29 Python
python实现windows下文件备份脚本
2018/05/27 Python
详解python 注释、变量、类型
2018/08/10 Python
对Python模块导入时全局变量__all__的作用详解
2019/01/11 Python
详解【python】str与json类型转换
2019/04/29 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
校本教研工作制度
2014/01/22 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
学历公证委托书
2014/04/09 职场文书
本科毕业生自荐信
2014/06/02 职场文书
党员一帮一活动总结
2014/07/08 职场文书
大学新生军训自我鉴定范文
2014/09/13 职场文书
公司股份合作协议书
2014/12/07 职场文书
先进班集体申报材料
2014/12/26 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
无罪辩护词范文
2015/05/21 职场文书
在酒桌上的敬酒词
2015/08/12 职场文书
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers