Javascript 防止将默认值作为表单验证JQuery的一部分

我正在验证这里的表单

<form action="action.php" method="post" id="bandForm">
                <div class="form-group">
                    <br  />
                    <label for="bandName" class="control-label">Band Name</label>
                    <input type="text" class="form-control" name="bandName" id="bandName"><br  /><br  />
                    <label for="genre">Genre</label>
                    <select name="genre" id="genre">
                              <option value="Pop">Pop</option>
                              <option value="Rock">Rock</option>
                              <option value="Folk">Folk</option>
                              <option value="Metal">Heavy Metal</option>
                            </select><br  /><br  />
                    <label for="video">Enter the URL for one of your youTube videos</label>
                    <input type="text" class="form-control" name="video" id="video"><br  />
                    <label for="bio">Biography</label>
                    <textarea rows="5" columns="4" class="form-control" name="bio" id="bio"></textarea>
                    </fieldset><br  />

                    <button type="submit" id="submit" class="btn btn-primary">Submit</button>
                </div>
                </form>

乐队名称



体裁
流行音乐
摇滚乐
民间的
重金属



输入一个youTube视频的URL


传记


提交

我试图做的是，如果任何字段为空，那么表单将不发送，并显示错误消息。当然，如果所有的东西都填好了，那么我想提交表格。以下是JQuery：

$(document).ready(function(){
    $("#bandForm").submit(function(e){

     var errorMessage="";

     if($('#bandName').val() == ''){
        errorMessage="<br />Please enter a band name";
     }

     if($('#video').val() == ''){
        errorMessage=errorMessage+"<br />Please enter the URL of one of your band's YouTube videos";
     }

     if($('#bio').val() == ''){
        errorMessage=errorMessage+"<br />Please enter a band biography";
     }
     if (!errorMessage=="") {

      $("#error").html(errorMessage);
      e.preventDefault();  

      }

    });
  });

$（文档）.ready（函数（）{
$（“#bandForm”）。提交（功能（e）{
var errorMessage=“”；
if（$（'#bandName'）.val（）=''）{
errorMessage=“
请输入乐队名称”；
}
if（$（'#video'）.val（）=''）{
errorMessage=errorMessage+“
请输入您乐队的YouTube视频之一的URL”；
}
如果（$（'#bio'）.val（）=''）{
errorMessage=errorMessage+“
请输入乐队简介”；
}
如果（！errorMessage==“”）{
$（“#error”）.html（errorMessage）；
e、 预防默认值（）；
}
});
});

---

无论我做什么，表格似乎都会提交。如果出现任何错误，您是否尝试执行

返回false

操作？我以前没有使用过return false，您能否举例说明您认为我应该如何在这种情况下使用它？只需

e.preventDefault（）；返回false

在您的代码中，如果有错误，您是否尝试执行

return false

操作？我以前没有使用return false，您能否举例说明您认为我应该如何在这种情况下使用它？只需

e.preventDefault（）；返回false在您的代码中