开发者社区> 问答> 正文

回车提交表单问题

$('#submit_login').on('click',function(){
      var $username = $.trim($('#username').val());
      var $psw = $.trim($('#password').val());

      var data = {
            username : $username,
            psw : $psw
        }
        
        if($username == ''){
           
            layer.alert('请填写用户名', {icon:2,btn:false,title:false});
            return ;
        }
        if($psw == ''){
            layer.alert('请填写密码',{icon:1,btn:false,title:false});
            return;
        }
       
        
        $.post(_APP+"/Login/dologin",data,function(backdata){
            
            if(backdata.state == 1){
                location.href = _APP+'/Index/index';
                layer.alert('登录成功',{icon:1,btn:false,title:false});
            }else{
                layer.alert('登录失败',{icon:2,btn:false,title:false});
            }
        })
    
    }) 
    
    $(document).keyup(function(e){
        if(e.keyCode == 13){
          $('#submit_login').trigger('click');
            
        }
    })

回车提交表单没执行ajax,点击按钮正常提交了

展开
收起
a123456678 2016-03-11 14:01:44 1953 0
1 条回答
写回答
取消 提交回答
  • // 回车提交表单

    $('form input').keyup(function(e) {
        var a = 0;
        var currKey = e.keyCode || e.which || e.charCode;
        if (currKey == 13) {
            $('.registerForm input:not([type="hidden"])').each(function() {
                if ($(this).val() === "" && $(this).attr("id") != "invite_id") {
                    a = 1;
                }
            });
            if (a == 1) {
                return false;
            } else {
                checkUp();
            }
        }
    })

    提供一个比较完善的给你吧:

    1、在input输入框键盘弹起时进行监听

    2、让获取键值的方法兼容多个浏览器

    3、在除hidden类型的input以及邀请码输入框外的input都填写的情况下才执行

    2019-07-17 18:59:08
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载