Jquery submit()无法提交问题
程序员文章站
2022-06-02 19:36:48
...
代码点击注册按钮时无法提交表单,名称冲突可能会导致混乱的失败,接下来为大家介绍下解决方法,感兴趣的朋友可以了解下
代码如下:
<form action ="register.php" method="post"> <p class="loginform_row"> <label>用户名:</label> <input type="text" class="loginform_input" id="name" name="name" /><p id="nameerror"></p> </p> <p class="loginform_row"> <label>密码:</label> <input type="text" class="loginform_input" id="pass" name="pass" /><p id="passerror"></p> </p> <p class="loginform_row"> <label>邮箱:</label> <input type="text" class="loginform_input" id="email" name="email" /><p id="emailerror"></p> </p> <p class="loginform_row"> <input type="button" class="loginform_submit" id="submit" value="注册" />改为<input type="button" class="loginform_submit" id="register" value="注册" /> </p> <p class=" clear "></p> </form> $("#submit").click(function() { $("form").submit(); });
上述代码点击注册按钮时无法提交表单
原因
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改为“register”就OK了
以上就是Jquery submit()无法提交问题的详细内容,更多请关注其它相关文章!
推荐阅读
-
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
-
解决vue中post方式提交数据后台无法接收的问题
-
自定义jquery模态窗口插件无法在顶层窗口显示问题
-
jquery submit()不能提交表单的解决方法
-
解决jquery操作checkbox火狐下第二次无法勾选问题
-
ajax快速解决参数过长无法提交成功的问题
-
jQuery html()方法教程使用不了无法显示内容的问题
-
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
-
Jquery submit()无法提交问题
-
jquery live方法,解决jquery动态添加按钮无法触发点击事件的问题