2013-11-23 34 views
1

最近,我学习了jquery来验证web中的数据。我使用了C#和B/S。 现在,我已创建一个带有服务器控制框的登录表单。像jquery验证false set false false

现在我已经完成验证,但如果验证失败,提交按钮仍然可以工作。 现在我想在验证失败时设置提交禁用。

这里是我的验证码

$(document).ready(function() { 

      $("#username").blur(function() { 
       var name = $("#username").val(); 
       if (name == "") { 
        $("#nameShow").html("*Please input name"); 
        $("#nameShow").addClass("warning"); 
       } 
       else { 
        $("#nameShow").html(""); 
        $("#nameShow").removeClass("warning"); 
       } 

      }); 

      $("#username").click(function() { 
       //当按钮点击的时候执行下面的代码 
       //找到页面上id为userName的文本框,并获取文本框内的值,用jquery提供的val方法 
       var userName = $("#username").val(); 
       $("#nameShow").removeClass("warning"); 
       //判断userName的值是不是为空 
       if (userName == "") { 
        //如果为空,提示用户 
        $("#nameShow").html("*please input your login name.*"); 
       } 
       else { 
        $("#nameShow").html(""); 

       } 

      }); 

C#代码的一部分:

<asp:Button ID="login_btn" CssClass="btn" runat="server" Text="登录" OnClick="login_btn_Click" /> 

如果证实为假,则按钮无法被触发。我用这种方式,但它只在IE中工作,当切换到谷歌浏览器时,它仍然可以触发。

$("#login_btn").submit(function() { 
       var name = $("#username").val(); 
       var pass = $("#password").val(); 
       var code = $("#verifycode").val(); 
       if (name == "" || pass == "" || code == "") { 
        return false; 
       } 
       else { 
        return true; 
       } 

      }); 

有人可以帮助我吗?

+0

我只是回答[这个问题](http://stackoverflow.com/questions/20170284/c-sharp-pass-datetime - 值对Oracle的作为过滤器-paramters)。如果你没有得到答案,你可以取消删除,我会。如果你不担心! – Ben

回答

1

JS:

document.getElementById("login_btn").disabled=true; 

JQuery的:

$("#login_btn").attr("disabled", true); 

查看更多在这里:Submit disabled Property

如果您的按钮是一个对象,你可以这样关闭之:

submitButtonObject.disabled = true; 

上的有效形式,你可以从改变属性值

+0

当验证失败时,我设置的按钮是禁用。如何关联验证函数? –

+0

只需将这些行添加到if语句。 @ chengdu.jack – Maksim

+0

我有一些像模糊或点击事件,如何使用if语句与此功能事件? –

0

试试这个

对于禁用按钮

$('#YourButtonID').attr("disabled", true); 

启用

$('#YourButtonID').attr("disabled", false); 
0

首先你可以使用这样的事情还有:

$("#login_btn").submit(function (e) { 
      e.preventDefault(); 
      var name = $("#username").val(); 
      var pass = $("#password").val(); 
      var code = $("#verifycode").val(); 
      if (name == "" || pass == "" || code == "") { 
       return false; 
      } 
      else { 
       $('your form').submit(); 
       return true; 
      } 

     }); 
+0

我使用服务器控件。

,是否可以工作,我尝试并失败。只是找不到submit()方法 –