jQuery两次提交表单

时间:2018-10-10 03:12:22

标签: javascript jquery

我有一个登录页面。我使用了jquery提交事件。

 $("#frm_login").submit(function(event){
    event.preventDefault();  

   alert('submit tiggered!');

    });

有问题吗?表单提交了两次!(警报显示了两次。)

这是实际代码:

 <script type="text/javascript">
        $(document).ready(function () {

    $("#frm_login").submit(function(event){
    event.preventDefault(); 
    $("#login_invalid").hide();


    $.ajax({
      type:'POST'
      ,url:"<?=base_url('login/process_login')?>"
      ,data:$('#frm_login').serialize()
      ,dataType:'json'
      ,success:function(data){
        if(data['is_user']===undefined)
        {
          $("#login_invalid").show();
          $("#btn_submit_login").html('SUBMIT');
        }
        else {
       alert('submit triggered here twice!');

          if(data['user_type']==='1')
          {
            window.location='<?=base_url().'user'?>';
          }
          else if(data['user_type']==='0')
          {
            window.location='<?=base_url().'admin/maintenance/users'?>';
          }
        }

      }
      ,error:function(e){ 
        //alert(e.responseText);
      }
    });
    });

    });

</script>

我不知道出了什么问题。我正在ajax中使用基于codeigniter的url。

请帮助。

1 个答案:

答案 0 :(得分:0)

找到了答案!。该问题可能是:https://stackoverflow.com/a/26261975/10460838

的重复项
e.stopImmediatePropagation();

保存我的一天!但是我真的不明白为什么它需要那个代码。