4

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

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

这是代码：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.");
       }

   });
});

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

4

2 回答 2

3

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

$('input:submit').click(function(event){
       event.preventDefault();
       $firstname = $('.firstname').val();
于 2013-03-04T22:06:18.373 回答
0

在您的小提琴中，您没有包含 jquery 库。如果您不想向服务器提交任何内容，请将 submit button 替换为 simple button <input type="button" value="submit">。有更新你的例子：小提琴

PS您可能想在验证中使用 OR 而不是 AND 来验证是否有任何字段为空

于 2013-03-04T22:16:15.433 回答