jquery中使用$(#form).submit()提交表单无效原因分析及解决Script
Posted zhangjianzhen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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: 0;" /> </dd> </dl> <dl> <dd style="height: auto;"> <label>消息接收类型:</label> <div class="qiy_tingy"> <volist name=":msgtype()" id="v"> <ul> <li><input type="checkbox" name="type[]" value="{$v[‘val‘]}"><em>{$v[‘name‘]}</em></li> </ul> </volist> </div> </dd> </dl> <input type="button" value="提交" id="button1" />
<script> function checked(){ if(!$("#role_name").val()){ alert("请输入角色名称"); return false; } var obj = document.getElementsByName(‘type[]‘); var count=obj.length; var j=0; for(var i=0;i<count;i++){ if (obj[i].checked){ j++; } } if(j==0){ alert("请选择消息接收类型:"); return false; } return true; } $(function(){ $("#button1").click(function(){ if(checked()){ $(‘#form‘).submit(); } }); }); </script>
以上是关于jquery中使用$(#form).submit()提交表单无效原因分析及解决Script的主要内容,如果未能解决你的问题,请参考以下文章
jQuery form插件----ajaxForm()和ajaxSubmit()方法的使用
jQuery Validate:submitHandler 提交表单而不点击 form.submit