jquery submit()不能提交表单的解决方法
2023-09-27 14:24:31 时间
<form id="form" method="get"> <input type="text" name="q" value="设计蜂巢"/><button type="button" id="submit">查询</button> </form> <script type="text/javascript"> $(function(){ $('#submit').click(function(){ $('#form').submit() }) }) </script>
上述代码看上去貌似没什么问题,简直是普通了不能再普通的代码。可是点击查询按钮的时候死活不提交表单,按钮type改为submit表单提交正常。于是上JQUERY API查找原因,看到以下这段文字顿时明白了:
Additional Notes: Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.
其他注意事项: 表单和其子元素不宜用一个表单的属性的属性作为name或id的名称,如submit, length, or method,是、会产生冲突。名称冲突可能会导致混乱的失败。对于一个完整的规则列表,并检查这些问题标记,看DOMLint。
-_-^ 原来就是这个id=”submit”的原因,不知道你有木有犯这种低级的错误.
这里面的 id值 要改为 id="submit1" 就是不能为 " submit" 就OK啦
相关文章
- jQuery file upload里面的_create的调用和_initEventHandlers的调用
- jQuery Chosen 使用
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- JQuery对 Select 的各种操作,所有代码作者亲测
- jQuery on()方法(函数)有哪些事件
- 使用jQuery方法获取当前日期和时间!(时钟显示功能)
- Jquery中LigerUi的弹出编辑框方法!
- jQuery技术内幕:深入解析jQuery架构设计与实现原理. 1.3 自调用匿名函数
- MVC使用jQuery从视图向控制器传递Model的2种方法
- Web前端JQuery面试题(三)
- 原生js仿jquery一些常用方法
- jQuery 两种方法实现IE10以下浏览器的placeholder效果
- 《jQuery Cookbook中文版》——1.3 用选择器和jQuery函数选择DOM元素
- jquery checkbox全选,全不选,反选方法,jquery checkbox全选只能操作一次
- Colorbox - a jQuery lightbox
- jquery如何做链接校验(学会也可以给其他做校验)
- vue学习笔记九:Jquery VS Vue之遍历方法对照
- JQuery this和$(this)的区别及获取$(this)子元素对象的方法
- [转载][jQuery] Cannot read property ‘msie’ of undefined错误的解决方法
- jquery 中 html与text函数的区别
- 模仿jquery的fadeIn、fadeOut、fadeToogle、fadeTo函数,淡入淡出效果挺不错!
- 使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&构建使用jquery来实现