Question

最近，我学习了Jquery来验证web中的数据。我用过c＃和B / S. 现在，我已经创建了一个带服务器控件盒的登录表单。喜欢

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

这是我验证代码的一部分

 $(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" />

如果验证为false，则无法触发按钮。我用这种方式，但它只适用于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;
                }

            });

有人可以帮我吗？

Answer 1

JS：

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

JQuery的：

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

在此处查看更多内容：Submit disabled Property

如果你的按钮是一个对象，你可以这样禁用它：

submitButtonObject.disabled = true;

在有效表单上，您只需将属性值从 true 更改为 false 。

Answer 2

试试这个

禁用按钮

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

启用

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

Answer 3

首先你也可以使用这样的东西：

$("#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;
            }

        });

Jquery验证false set button false

3 个答案: