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

Jquery form submit() 到控制器中的操作然后返回一个对象给客户端而不是重新加载页面

jquery submit()不能提交表单的解决方法

怎么使用jquery提交表单

submit异步提交 回调的方法