`
huansinho
  • 浏览: 13187 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

当input标签name属性为submit时对表单的影响

阅读更多

 这种情况下javascript触发的表单提交动作都是无效的。

 

提示

 

$("#frmTest")[0].submit is not a function

 

 

无论是不是用JQuery都是一样的错误。

实例代码:

 

<form id="frmTest" method="get" action="test.do" >
	<input type="text" name="userName" />
	<input type="button" id="btnSubmit" name="submit" value="确定" />
</form>

<script type="text/javascript">
	$("#btnSubmit").click(function () {
		// 方法1
		$("#frmTest").submit();
		// 方法2
		$("#frmTest")[0].submit();
		// 方法3
		document.getElementById("frmTest").submit();
	});
</script>

 

 

原因?

 

 

<input type="button" id="btnSubmit" name="submit" value="确定" />

 

submit is not a function:说明它不是方法(提交表单的方法),它是一个节点(它是input标签)。

 

这个问题搞了我几个小时,第一眼没有理解到报错信息导致转移了解决思路。

 

 

 

 

 

分享到:
评论
5 楼 麦蒂粉丝 2011-01-20  
恩,先注意下!
4 楼 onlylau 2011-01-20  
我前段时间也遇到过类似的情况~
3 楼 ka520888 2011-01-20  
哥们.可能是因为submit是属于JS 关键字,保留字所引起的这一情况.你改一下NAME的名字吧...不一定就非得用SUBMIT这个东西又不是给用户看的.....
2 楼 glyustb 2011-01-13  
昨天刚碰到这个问题
1 楼 houfeng0923 2011-01-13  
哦,我也刚看明白。确实有点迷惑

相关推荐

    HTMLFORM表单,input标签的说明.pdf

    2. **提交按钮 (input type="submit")**:当用户点击此按钮时,表单数据会被发送到 `action` 指定的地址。例如: ```html &lt;input type="submit" value="Submit"&gt; ``` 3. **复选框 (input type="checkbox")**:...

    JS定义网页表单提交(submit)的方法

    本文实例讲述了JS定义网页表单提交(submit)的方法。分享给大家供大家参考。具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 [removed] function saveInfo() { localStorage...

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    通过设置`&lt;input form="login" type="submit"&gt;`,即使这个提交按钮不在form标签内部,它也能与ID为"login"的表单关联,实现提交功能。这增加了布局的灵活性。 3. list属性: list属性用于链接Input元素(通常是...

    浅析一个表单多个Submit按钮的简单实现方法

    1. **使用name属性和JavaScript事件处理**:为每个Submit按钮设置唯一的name属性,例如`&lt;input type="submit" name="action1" value="提交1"&gt;`和`&lt;input type="submit" name="action2" value="提交2"&gt;`。然后通过...

    JavaScript获取网页表单action属性的方法

    在这个例子中,表单被定义为一个具有id为"frm1"的元素,它的action属性被设置为"jb51.php",这意味着当表单提交时,数据将被发送到jb51.php这个URL。在用户填写表单后点击提交按钮,浏览器会根据action属性指定的...

    HTML5表单中新增的input属性3.pdf

    `placeholder`属性为`input`元素提供了提示文本,当用户尚未输入任何内容时,会在输入框内显示。这有助于用户理解应输入何种类型的信息。例如,创建一个带有提示的搜索框: ```html &lt;input type="search" name="q...

    SpringMVC表单标签简介

    如果Model中有名为`user`的JavaBean实例,并且该JavaBean有`name`和`age`属性,那么在渲染上面的代码时会自动填充这两个字段的值。例如,如果`user`的`name`属性为“张三”,`age`属性为“36”,则渲染后的HTML代码...

    HTML5表单中新增的input属性1案例.pdf

    在案例3中,`&lt;input type="text" name="address1" form="form1"&gt;`,虽然这个输入框位于`&lt;form&gt;`标签外部,但由于指定了`form`属性,其值与`&lt;form id="form1"&gt;`相匹配,因此这个输入框依然属于该表单,并且可以随表单...

    input标签里面的name与value的区别

    这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 ...

    HTML5-input表单控件调用代码_html5_表单_input_代码_控件_

    HTML5的`input`标签是构建交互式表单的关键,提供了更多的类型、属性和事件,让开发者可以创建更加丰富和功能强大的用户界面。 一、`input`标签基础 `input`标签在HTML中用于创建各种形式的用户输入控件。基本语法...

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 ...&lt;iframe name="FORMSUBMIT" width="1" height="1" &gt;&lt;/iframe&gt; ...&lt;input type="submit" name="Submit" value="登录" /&gt; &lt;/div&gt; &lt;/form&gt; php页面:

    HTML5表单中input元素及属性.pdf

    - `submit`: 提交按钮,提交表单数据,`value`属性用于自定义按钮文字。 - `reset`: 重置按钮,清除所有表单输入,同样可用`value`属性定制文字。 - `image`: 图像按钮,使用图像作为提交按钮,需指定`src`属性。...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** - 描述:最常见的输入类型,用于接收用户输入的简短信息。 - 语法:`&lt;input type="text" /...

    使用HTML开发商业网站-表单控件-input课件.pptx

    9. **隐藏域 (hidden)**: `&lt;input type="hidden"&gt;` 用于存储用户看不到但对表单处理很重要的数据。 示例: ```html &lt;input type="hidden" name="hiddenField" value="hiddenValue"&gt; ``` 10. **文件域 (file)**:...

    表单项的name命名为submit、reset引起的问题

    当表单项的name属性命名为submit或reset时,就会影响到JavaScript中对表单reset和submit方法的调用。这是因为JavaScript中可以直接通过表单对象的reset和submit方法来控制表单的行为。如果name属性使用了这两个保留...

    前端与移动开发之表单

    ④name属性可以自定义名字 value一般设置为空(有实际意义的选项除外,否则不能向后台传递数据 每个选项的value值不能相同) ⑤后端提交的数据 name的属性值=value的值(输入框中的内容) ⑥checked=...

    HTML常用的标签和属性.doc

    &lt;input type="submit" name="submitButton" value="提交"&gt; ``` #### 二十四、单选按钮标签 `&lt;input type="radio"&gt;` - **属性**: - `name`:设置单选按钮的名字。 - `value`:设置单选按钮的值。 - `checked`...

    1HTML5表单属性

    - 这些属性允许在 `&lt;input type="submit"&gt;` 和 `&lt;input type="image"&gt;` 元素中重写表单的属性,例如提交的目标地址或是否验证等。 - **示例**: ```html ... &lt;input type="submit" formaction="/custom_action....

    HTML标签新特性之input标签type属性值大全

    7. **隐藏提交按钮** (`type="submit"`,但设置CSS使其不可见):通常用于提交表单数据,但在某些情况下可能需要隐藏,如在页面加载时自动提交。 8. **图像选择器** (`type="image"`):将提交按钮变为一个图像,用户...

Global site tag (gtag.js) - Google Analytics