提交按钮的name＝'submit'引起的js失效问题及原因
更新时间：2015年02月25日 11:40:49 投稿：hebedich
这篇文章主要介绍了提交按钮的name＝'submit'引起的js失效问题及原因,需要的朋友可以参考下
代码如下：
复制代码 代码如下:
<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 的错误
小伙伴们了解了没，希望本文能给大家一些帮助
相关文章
这篇文章主要介绍了JS的时间格式化和时间戳转换函数，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
下面小编就为大家带来一篇浅析在javascript中创建对象的各种模式。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了基于 antd pro 的短信验证码登录功能(流程分析),本文通过实例代码流程分析给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2021-05-05
这篇文章主要介绍了微信小程序实现两边小中间大的轮播效果的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了JavaScript 数组方法filter与reduce，在ES6新增的数组方法中，包含了多个遍历方法，其中包含了用于筛选的filter和reduce2022-07-07
这篇文章主要介绍了JS请求servlet功能,结合具体实例形式分析了javascript使用ajax请求servlet端响应的主要功能代码与相关操作技巧,需要的朋友可以参考下2017-06-06
js中document.referrer实现移动端返回上一页
本文主要介绍了document.referrer实现移动端返回上一页的方法，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了JavaScript实现京东秒杀效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
在项目开发阶段很多项目都会用到表情插件，接下来通过本文给大家介绍了JavaScript从0开始构思表情插件 的相关资料,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了JavaScript正则表达式匹配<div><style>标签 的相关资料,需要的朋友可以参考下2016-03-03
最新评论