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>