码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-11-19 20:14:41      阅读:1506      评论:0      收藏:0      [点我收藏+]

标签:volist   gty   角色   百度   back   checked   ++   i++   名称   

今天写了一个表单验证,验证的时候没有任何问题,但是页面提交不了,很诡异,然后各种百度,查了一下的原因是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

标签:volist   gty   角色   百度   back   checked   ++   i++   名称   

原文地址:https://www.cnblogs.com/zhangjianzhen/p/9984509.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!