提交按钮的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.js是否已加载的判断代码
May 20 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
微信小程序上线发布流程图文详解
May 06 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 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 header函数的常用http头设置
2015/06/25 PHP
jquery插件制作简单示例说明
2012/02/03 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
JavaScript设计模式学习之“类式继承”
2015/03/12 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
爬山算法简介和Python实现实例
2014/04/26 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
python实现人像动漫化的示例代码
2020/05/17 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
html5摇一摇代码优化包括DeviceMotionEvent等等
2014/09/01 HTML / CSS
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
审核会计岗位职责
2013/11/08 职场文书
夜大毕业生自我评价分享
2013/11/10 职场文书
英文简历中的自荐信范文
2013/12/14 职场文书
小学五年级学生评语
2014/04/22 职场文书
2014党员干部四风问题对照检查材料思想汇报
2014/09/24 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
2015年共青团工作总结
2015/05/15 职场文书
python中 .npy文件的读写操作实例
2022/04/14 Python
Redis特殊数据类型bitmap位图
2022/06/01 Redis