Question

我正在处理简单的表单提交。我做了一个更复杂的代码（更多的条目和变量），就像这样，它工作得很好。当我将所有代码并排比较时，它完全相同，但这一个不会起作用！我有preventDefault（）;但这似乎什么都不做。我尝试了return false;这也没有用。我知道这很简单，但我现在已经试图弄清楚它了一段时间。

<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/uppercase.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.1.js"></script>
<script src="js/uppercase.js"></script>
<title>Uppppppppercase</title>
</head>
<body>
<div class="container">
    <h1>Enter whatever you want! The computer will say it back to you!</h1>
    <div class="blanks">
        <form>
            <div class="form-group">
                <label for="entry">Enter here!</label>
                <input id="entry" class="form-control" type="text">
            </div>

            <button type="submit" class="btn">Let 'er Rip!</button>
        </form>
    </div>

    <div id="return">
        <p><span class="entry"></span>HEY</p>
    </div>
</div>
</body>
</html>

jQuery：

$(document).ready(function() {
$(".blanks form").submit(function(event) {
    var entryInput = $("input#entry").val();
    $(".entry").text(entryInput);
    $("#return").show();
    event.preventDefault();
});
});

简单的css：

#return {
  display:none;
}

jQuery提交表单，但div闪烁并消失

0 个答案: