提交按钮的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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
使用javascript为网页增加夜间模式
Jan 26 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
Jun 05 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
浅谈Node.js:Buffer模块
Dec 05 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
Dec 14 Javascript
vue一步步实现alert功能
Jul 05 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
Apr 26 Javascript
JavaScript判断浏览器版本的方法
Nov 03 Javascript
微信小程序利用云函数获取手机号码
Dec 17 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
pw的一个放后门的方法分析
2007/10/08 PHP
取得单条网站评论以数组形式进行输出
2014/07/28 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
Javascript字符串对象的常用方法简明版
2014/06/26 Javascript
javascript面向对象快速入门实例
2015/01/13 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
详解Vuex中mapState的具体用法
2017/09/28 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
Python将xml和xsl转换为html的方法
2015/03/10 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
学生实习自我鉴定
2013/10/11 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
2015年元旦标语大全
2014/12/09 职场文书
大学生创业事迹材料
2014/12/30 职场文书
秦兵马俑导游词
2015/02/02 职场文书
质量保证书怎么写
2015/02/27 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
初中物理教学反思
2016/02/19 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle