如果javascript验证失败,则阻止页面回发

Question

我关注asp 文本框:

<asp:TextBox ID="txtPasswrod" runat="server"></asp:TextBox>

在这个文本框下面我有错误消息标签,它最初是隐藏的,直到文本框的js验证失败:

<label id="errorMsg" for="pwd" style="display:none">error</label >

以下是文本框验证的js:

function validation() 
{
  var pwd = document.getElementById("txtPasswrod").value;
  if (pwd == null || pwd == "") 
  {
    document.getElementById("error").style.display = 'block';
    return false;
  }
}

以下是asp按钮,其OnClientClick事件我调用的是validation()函数:

<asp:Button ID="btnSubmit" runat="server" Text="Submit" 
     onclick="btnSubmit_Click" OnClientClick="validation()"/>

验证工作正常,但问题是,当文本框为空并且我的验证失败时,js应该阻止页面回发,但是js允许页面回发并且我的验证jst变得无用.

请告诉我如何在js验证失败时阻止页面回发.

Answer 1

修改validation()为return validation(),如果function返回,将停止发布的页面false.

<asp:Button ID="btnSubmit" runat="server" Text="Submit" 
     onclick="btnSubmit_Click" OnClientClick="return validation();"/>