Html From 提交

原創

2018-09-01 04:53

关于Html form 表单的提交，很容易。。。但如果不仔细还是能有很多错误。

提交的button name 属性为 submit form 的submit方法失效。代码如下

# < html > # < head > </ head > # < script type = "text/javascript" > # function getData(){ # document.forms[0].submit(); //这里会出错，因为他它读取的是input标签名为submit # } # </ script > # < body > # # < form id = "form1" name = "form1" method = "get" action = "http://xiayuanfeng.javaeye.com" > # < input type = "button" name = "submit" onclick = "getData();" value = "提交" > # </ form > # # </ body > # </ html >

<html> <head></head> <mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script> <mce:script type="text/javascript"></mce:script> <body> <form id="form1" name="form1" method="get" action="http://xiayuanfeng.javaeye.com"> <input type="text" name="aa"> <input type="button" name="submit" onclick="getData();" value="提交"> </form> </body> </html>

发现 submit已经变成 form 的一个属性了，并不是方法。这下明白了吧。把submit（也就是submit方法）覆盖了。所以要注意提交表单name的命名方式不要和form 原有的方法，属性相同，这样会导致原来的form 属性方法失效。

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

JavaScript的输入、输出例子

JavaScript的輸入、輸出例子　　在JavaScript中可以非常方便地實現輸入輸出信息，並與用戶進行交互。1、JavaScript信息的輸入

2020-07-06 18:36:18

记事本定位到某行

編輯->轉到或者 ctrl+g 在用記事本編寫javascript程序查錯時經常要用到這個功能。需要注意的是，當“自動換行”打勾時此功能不可用。

2020-06-23 11:47:13

IE兼容性问题--缺少标识符、字符串或数字

IE兼容性問題--缺少標識符、字符串或數字今天前端界面測試時，在IE8瀏覽器上報錯，在firefox上沒問題。報錯內容：缺少標識符、字符串或數字消息: 由於出現錯誤 80020101 而導致此項操作無法完成。百度了一下，果

2020-06-22 05:57:50

关于Form表单的提交与验证？？？

<html> <head> <title>多媒體實驗</title> <!--<link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="sk

2020-06-19 19:19:31

javaweb 验证码实现

驗證碼（CAPTCHA）是“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自動區分計算機和人類的圖靈測試）的縮寫，是一種區分用戶是

2020-06-16 02:39:25

HTML中的input type="reset"标签失效(不起作用)的可能原因

2020-05-31 11:02:08

【转】Fusion Charts 参数列表

2020-02-26 04:23:00

REST构架风格介绍：状态表述转移

2020-02-26 02:09:34

Dojo 最佳实践 - 如何防止浏览器内存泄漏

2020-02-26 02:09:34

JavaScript继承详解

2020-02-26 02:09:34

CSS选择器、优先级与匹配原理

2020-02-26 02:09:34

AMD 模式介绍（en）

2020-02-26 02:09:34

JavaScript prototype背后的工作原理

2020-02-26 02:09:34

谈谈javascript原型构造机制

2020-02-26 02:09:34

javascript的函数执行上下文及this

2020-02-26 02:09:34

24小時熱門文章

python gdal 安装使用（Windows， python 3.6.8）

最新文章

最新評論文章