使用$("form").submit(); 无法提交

<form action="register.php" method="post"> 
<div class="loginform_row"> 
<label>用户名:</label> 
<input type="text" class="loginform_input" id="name" name="name" /><div id="nameerror"></div>
</div> 
<div class="loginform_row"> 
<label>密码:</label> 
<input type="text" class="loginform_input" id="pass" name="pass" /><div id="passerror"></div> 
</div> 
<div class="loginform_row"> 
<label>邮箱:</label> 
<input type="text" class="loginform_input" id="email" name="email" /><div id="emailerror"></div> 
</div> 
<div class="loginform_row"> 
<input type="button" class="loginform_submit" id="submit" value="注册" />改为<input type="button" class="loginform_submit" id="register" value="注册" /> 
</div> 
<div class="clear"></div> 
</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了

时间: 2024-10-13 02:28:58

使用$("form").submit(); 无法提交的相关文章

easyui form submit 不提交

http://bbs.csdn.net/topics/390811964 function saveProduct() {             //$('#fm').form('submit', {             //    url: url,             //    onSubmit: function () {             //        return $(this).form('validate');             //    },   

js提交表单错误:document.form.submit() is not a function

今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单<form>-</form>中含有name="submit"时,提交时就会有冲突,这个错误常见于按钮上,如: 在Javascript做submit()的时候就会出现冲突,这时将name="submit"改成别的名字就可以了:即使不是按钮,在表单的输入

form submit提交

form内控件参数自动添加到url后,而自定义的url参数则不能添加到url后 $('#fm').form('submit', { url: 'Data/Diary.ashx?dt=' + new Date() + '&operation=save',  operation参数在后台无法得到,换一种提交方式 onSubmit: function () { return $(this).form('validate'); }, success: function (result) { $.mess

一个Form多个提交动作Submit的解决方法

在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法 1 2 3 4 5 6 7 8      < form name = "demo" method = "post" > <!--YOUR DATA AREA--> < input type = "button" value = "添加" o

form表单提交 type=&quot;submit&quot;

<form action="" type="post" onsubmit="return validte()"> <div class="regist-top"> <ul class="regist-form"> <li><label for="">姓 名</label><input type="te

form表单,submit切换提交

有时候会遇到用form表单提交数据的情况,还有再同一表单下提交两种信息,就比如说,四个input,都在一个表单里,submit有两个,一个是登陆,一个是注册,这时候我们就需要去验证,我点的是什么要往注册还是登陆里提交.表单代码如下. <form action="login.do" name="form1" > <div class="login-hidd"></div> <div class="

django form的提交 --比较ajax提交与form submit提交

form submit方式可以实现提交,错误信息显示,原填写内容再次返回给页面. 或者取已有信息,填充form 2 ajax提交后端需要json.dumps包装为json.前端需要设置datatype后端通过Httpresponse返回给json,通过json跳转. 页面 原文地址:http://blog.51cto.com/13606158/2087864

jquery中使用$(#form).submit()提交表单无效原因分析及解决Script

今天写了一个表单验证,验证的时候没有任何问题,但是页面提交不了,很诡异,然后各种百度,查了一下的原因是input的id不能为submit 注意:提交表单的时候,input的id不能为submit <dl> <dd> <label>角色名称:</label> <input type="text" id="role_name" name="name" style="text-indent

上传文件时用form.submit提交的时候在低版本的IE中报拒绝访问的错误

上传文件的时候,在IE7下总是传不了,但FireFox,IE11和Chrome下则可以上传.发现是form.submit();时出错了(“拒绝访问”). html代码为: <label onclick="Upload()"> 上传附件</label> <form id="uploadForm" enctype="multipart/form-data" target="frameFile" met