js return无效，表单自动提交

问题描述：

jsp+servlet。

有个Form表单，主要是让用户输入他们设置的密保问题的，其中有js判断是否为空，如果为空则return，页面弹出提示信息，让用户重新填写，但是现在的问题是弹出提示信息，用户点击确定后，form自动提交，导致页面刷新，之前选择的问题也被重置了，还得重新选择，这主要是return的问题。必须return false才能组织form自动提交。

<form id="form1" name="form1" action="" method="post">

请选择问题：
<select name="select" id="select" class="selectUpdate">
<option value="您母亲的姓名是？">您母亲的姓名是？</option>
<option value="您配偶的生日是？">您配偶的生日是？</option>

</select>

请输入上面问题的答案:
<input type="text" id="answer" name="answer" class="inputUpdate" />

<input type="image" id="loginBtn" name="loginBtn" src="/u8qx/images/next.jpg" />

</form>

当点击loginBtn时，执行js脚本，判断答案是否为空

js:

function checkForm() {
  var answer = $('#answer').val();
  if(answer=='') {
    alert("请填写答案！");
    return false;//必须为return false，如果直接是return，不行
 }
}

$("#loginBtn").click(function(){
     return checkForm();//如果是直接checkForm(),也会导致界面刷新
});

 

如果直接在input中调用，必须这么写：

<input type="image" id="loginBtn" onClick="return checkForm()" name="loginBtn" src="/u8qx/images/next.jpg" />

必须有return，当返回为false时，则不提交，不能直接写onClick="checkForm()"