提交按钮的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 相关文章推荐
jquery 提示信息显示后自动消失的具体实现
Dec 18 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
js自定义select下拉框美化特效
May 12 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
Jul 05 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
JavaScript Array对象使用方法解析
Sep 24 Javascript
微信小程序实现分享商品海报功能
Sep 30 Javascript
JS精确判断数据类型代码实例
Dec 18 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
Mar 23 Javascript
JavaScript enum枚举类型定义及使用方法
May 15 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
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与SQL注入攻击[一]
2007/04/17 PHP
PHP 编程的 5个良好习惯
2009/02/20 PHP
(转载)JavaScript中匿名函数,函数直接量和闭包
2007/05/08 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
jquery foreach使用示例
2013/09/12 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
2016/05/12 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
一文了解Vue中的nextTick
2019/05/06 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
JS document文档的简单操作完整示例
2020/01/13 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
[53:36]Liquid vs VP Supermajor决赛 BO 第三场 6.10
2018/07/05 DOTA
pytyon 带有重复的全排列
2013/08/13 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
利用Python实现网络测试的脚本分享
2017/05/26 Python
python表格存取的方法
2018/03/07 Python
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
德国网上花店:Valentins
2018/08/15 全球购物
函授自我鉴定
2013/11/06 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
Python写情书? 10行代码展示如何把情书写在她的照片里
2022/04/21 Python