javascript - 错误 : "Please use POST request" with Form and Javascript

Question

我制作了一个小表格，我希望它在输入留空时将信息发回给用户。

出于某种原因，它说请使用 post 请求，所以我添加了它，现在它给了我一个不同的错误消息。

代码如下: http://jsfiddle.net/pwtnY/

<div id="main">
<form name="myForm" method="post">
    <label><span>First Name:</span><input type="text" class="firstname" name="fname"></label><br/>
    <label><span>Last Name:</span><input type="text" class="lastname"></label><br>
    <label><span>E-Mail:</span><input type="text" class="email"></label><br/>
    <label><span>Phone:</span><input type="text" class="phone"></label><br/>
    <input type="submit" name="submit">
</form>
<div id="answer"></div>
</div>

Javascript:

$(document).ready(function(){
    $('input:submit').click(function(){
       $firstname = $('.firstname').val();
       $lastname = $('.lastname').val();
       $email = $('.email').val();
       $phone = $('.phone').val();

       if($firstname === "" && $lastname==="" && $email ==="" && $phone === ""){
           $("#answer").html("Please fill out all fields.");
       }

   });
});

任何人都知道问题可能是什么以及我该如何解决它？

Answer 1

当您点击提交时，表单实际上是发布到您的 Django 后端。如果您想在发布到服务器之前进行前端验证，请阻止提交按钮实际发布。

$('input:submit').click(function(event){
       event.preventDefault();
       $firstname = $('.firstname').val();