Javascript 场地赢得'；t使用enter键提交，但将使用submit按钮提交_Javascript

Javascript 场地赢得'；t使用enter键提交，但将使用submit按钮提交

javascript

Javascript 场地赢得'；t使用enter键提交，但将使用submit按钮提交,javascript,Javascript,网站不会使用enter键提交，但会使用submit按钮提交我试着改变我的CSS，HTML和JavaScript都没有用，请帮我谢谢你 <head> <meta charset = "utf-8" /> <title>Attendance Record System</title> <meta name = "viewport" content = "width=device-width, initial-scale=

网站不会使用enter键提交，但会使用submit按钮提交我试着改变我的CSS，HTML和JavaScript都没有用，请帮我谢谢你

<head>
    <meta charset = "utf-8" />
    <title>Attendance Record System</title>
    <meta name = "viewport" content = "width=device-width, initial-scale=1" />
    <link rel = "stylesheet" type = "text/css" href = "css/bootstrap.css"/>
</head>
<body class = "alert-info">
    <nav class = "navbar navbar-inverse navbar-fixed-top">
        <div class = "container-fluid">
            <div class = "navbar-header">
                <p class = "navbar-text pull-right">ATTENDANCE SYSTEM</p>
            </div>
        </div>
    </nav>
    <div class = "container-fluid">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <div class = "col-lg-3"></div>
        <div class = "col-lg-6 well">
            <h2>Attendance Login</h2>
            <br />
            <div id = "result"></div>
            <br />
            <br />
            <form enctype = "multipart/form-data">
                <div class = "form-group">
                    <label>Student ID:</label>
                    <input type = "text" id = "student" class = "form-control" required = "required"/>
                    <br />
                    <br />
                    <div id = "error"></div>
                    <br />
                    <button type = "button" id = "login" class = "btn btn-primary btn-block"><span class = "glyphicon glyphicon-login"></span>Login</button>

                </div>
            </form>
        </div>
    </div>
</body>
<script src = "js/jquery.js"></script>
<script src = "js/bootstrap.js"></script>
<script src = "js/login.js"></script>

这是我的JavaScript

    $(document).ready(function(){
    $error = $('<center><h2 class = "text-danger">You are not a student here...<h2></center>');
    $error1 = $('<center><h2 class = "text-danger">Please fill up the field<h2></center>');
    $('#login').click(function(){
            $('#login').submit();
        $error.remove();
        $error1.remove();
        $student = $('#student').val();
        if($student == ""){
            $error1.appendTo('#error');
        }else{  
            $.post('check.php', {student: $student},
                function(show){
                    if(show == 'Success'){
                        $.ajax({
                            type: 'POST',
                            url: 'login.php',
                            data: {
                                student: $student
                            },
                            success: function(result){
                                $result = $('<h2 class = "text-warning">You have been login:</h2>' + result).appendTo('#result');
                                $('#student').val('');
                                setTimeout(function(){
                                    $result.remove();
                                }, 10000);
                            }
                        });
                    }else{
                        $('#student').val('');
                        $error.appendTo('#error');
                    }
                }
            )
        }   
    });
});

$（文档）.ready（函数（）{
$error=$（“您不是这里的学生…”）；
$error1=$（“请填写字段”）；
$（'#login'）。单击（函数（）{
$（'#login'）。提交（）；
$error.remove（）；
$error1.remove（）；
$student=$（'#student'）.val（）；
如果（$student==“”）{
$error1.appendTo（“#error”）；
}否则{
$.post（'check.php'，{student:$student}，
功能（显示）{
如果（显示=‘成功’）{
$.ajax({
键入：“POST”，
url:'login.php'，
数据：{
学生：$学生
},
成功：功能（结果）{
$result=$（'youhavelogin:'+result.）。附加到（'#result'）；
$（'学生'）.val（''）；
setTimeout（函数（）{
$result.remove（）；
}, 10000);
}
});
}否则{
$（'学生'）.val（''）；
$error.appendTo（“#error”）；
}
}
)
}   
});
});

这是我的HTML，我已经尝试过编辑我能做的一切，很高兴能得到你的帮助，非常感谢！网站不会提交与进入，但将提交使用提交按钮，我已经尝试改变我的CSS，HTML和JavaScript都没有用，请帮助我，谢谢你这么多

<head>
    <meta charset = "utf-8" />
    <title>Attendance Record System</title>
    <meta name = "viewport" content = "width=device-width, initial-scale=1" />
    <link rel = "stylesheet" type = "text/css" href = "css/bootstrap.css"/>
</head>
<body class = "alert-info">
    <nav class = "navbar navbar-inverse navbar-fixed-top">
        <div class = "container-fluid">
            <div class = "navbar-header">
                <p class = "navbar-text pull-right">ATTENDANCE SYSTEM</p>
            </div>
        </div>
    </nav>
    <div class = "container-fluid">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <div class = "col-lg-3"></div>
        <div class = "col-lg-6 well">
            <h2>Attendance Login</h2>
            <br />
            <div id = "result"></div>
            <br />
            <br />
            <form enctype = "multipart/form-data">
                <div class = "form-group">
                    <label>Student ID:</label>
                    <input type = "text" id = "student" class = "form-control" required = "required"/>
                    <br />
                    <br />
                    <div id = "error"></div>
                    <br />
                    <button type = "button" id = "login" class = "btn btn-primary btn-block"><span class = "glyphicon glyphicon-login"></span>Login</button>

                </div>
            </form>
        </div>
    </div>
</body>
<script src = "js/jquery.js"></script>
<script src = "js/bootstrap.js"></script>
<script src = "js/login.js"></script>


考勤记录系统
考勤系统














考勤登录






学生证：






登录

而不是

$('#login').click(function(){ ... })

你应该使用

$('your_form_selector').submit(function(){ ... })

$('form').submit(function(event) {
  event.preventDefault(); // I'd suggest to add this since you do your request asynchronously
  ...
})

在这种情况下，您将处理所有可能的表单提交（通过单击按钮或按enter键完成）

==表单标记发布后更新===

所以，正如我之前说过的，你应该使用

$('your_form_selector').submit(function(){ ... })

$('form').submit(function(event) {
  event.preventDefault(); // I'd suggest to add this since you do your request asynchronously
  ...
})

然后从登录按钮中删除

type=“button”

。它

您注册了一个单击处理程序，但没有为您的enter键设置键关闭事件侦听器。因此它不起作用你的表单看起来像什么？嗨，它现在看起来像这个嗨，我试着改变它同样的情况。单击该按钮有效，但“输入”按钮无效