提交按钮的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获取地址栏参数插件(模仿C#)
Oct 26 Javascript
jQuery插件制作之参数用法实例分析
Jun 01 Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
vue中注册自定义的全局js方法
Nov 15 Javascript
idea编译器vue缩进报错问题场景分析
Jul 04 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中的一个中文字符串截取函数
2007/02/14 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
php修改NetBeans默认字体的大小
2013/07/02 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
php中青蛙跳台阶的问题解决方法
2018/10/14 PHP
javascript 当前日期加(天、周、月、年)
2009/08/09 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
可以浮动某个物体的jquery控件用法实例
2015/07/24 Javascript
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
Jquery attr()方法 属性赋值和属性获取详解
2016/04/15 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
2016/12/27 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
Python中的测试模块unittest和doctest的使用教程
2015/04/14 Python
Python 读写文件和file对象的方法(推荐)
2016/09/12 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
python-opencv颜色提取分割方法
2018/12/08 Python
Python3 max()函数基础用法
2019/02/19 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
Python多线程获取返回值代码实例
2020/02/17 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
最新个人职业生涯规划书
2014/01/22 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
微信早安问候语
2015/11/10 职场文书
Python爬虫之爬取某文库文档数据
2021/04/21 Python
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python