Javascript 如何借助jquery显示消息？

我正在尝试使用jquery进行验证。 输入帐号：

这是我的html代码

<input type="text" name="Assets" id="Assets" size="25" /><br />
<div id="eb"> Please Enter Valid Account no </div>
Enter Amount<input type="text" name="Liability" id="Liability" size="25" /><br />

我想显示一个mesage，当用户写入帐号时，他可以看到消息，请输入有效帐号，如果他插入正确的帐号，则该消息可以隐藏

这是我的JSFIDLE- 请帮助

尝试以下代码：

$(document).ready(function () {
    $("#Assets").change(function () {
        var Assets = this.value;
        var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
        if (Assets.match(expression)) {  
            $('#eb').hide();
        } else {
            $('#eb').show();
        }
    });
});

这是对更简单代码的建议。请注意，我使用了一个以正则表达式作为参数的函数，如果您想使用它，应该使用value/string作为参数，并使用like

expression.test（Assets）

关于您的代码/小提琴：

• 您没有将jQuery库添加到小提琴中
• 您没有关闭change（）函数
• 您没有关闭ready（）函数
• 您使用了顺序错误的

  test（）

  ，请检查我上面关于

  match（）

  和

  test（）

• 你的修改：

尝试以下代码：

$(document).ready(function () {
    $("#Assets").change(function () {
        var Assets = this.value;
        var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
        if (Assets.match(expression)) {  
            $('#eb').hide();
        } else {
            $('#eb').show();
        }
    });
});

这是对更简单代码的建议。请注意，我使用了一个以正则表达式作为参数的函数，如果您想使用它，应该使用value/string作为参数，并使用like

expression.test（Assets）

关于您的代码/小提琴：

• 您没有将jQuery库添加到小提琴中
• 您没有关闭change（）函数
• 您没有关闭ready（）函数
• 您使用了顺序错误的

  test（）

  ，请检查我上面关于

  match（）

  和

  test（）

• 你的修改：

尝试以下代码：

$(document).ready(function () {
    $("#Assets").change(function () {
        var Assets = this.value;
        var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
        if (Assets.match(expression)) {  
            $('#eb').hide();
        } else {
            $('#eb').show();
        }
    });
});

这是对更简单代码的建议。请注意，我使用了一个以正则表达式作为参数的函数，如果您想使用它，应该使用value/string作为参数，并使用like

expression.test（Assets）

关于您的代码/小提琴：

• 您没有将jQuery库添加到小提琴中
• 您没有关闭change（）函数
• 您没有关闭ready（）函数
• 您使用了顺序错误的

  test（）

  ，请检查我上面关于

  match（）

  和

  test（）

• 你的修改：

尝试以下代码：

$(document).ready(function () {
    $("#Assets").change(function () {
        var Assets = this.value;
        var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
        if (Assets.match(expression)) {  
            $('#eb').hide();
        } else {
            $('#eb').show();
        }
    });
});

这是对更简单代码的建议。请注意，我使用了一个以正则表达式作为参数的函数，如果您想使用它，应该使用value/string作为参数，并使用like

expression.test（Assets）

关于您的代码/小提琴：

• 您没有将jQuery库添加到小提琴中
• 您没有关闭change（）函数
• 您没有关闭ready（）函数
• 您使用了顺序错误的

  test（）

  ，请检查我上面关于

  match（）

  和

  test（）

• 你的修改：

试试这个-我做了一系列更改，包括激活jQuery、关闭一些函数，以及反转.test调用的资产和表达式

        else if(expression.test(Assets)){

试试这个-我做了一系列更改，包括激活jQuery、关闭一些函数，以及反转.test调用的资产和表达式

        else if(expression.test(Assets)){

试试这个-我做了一系列更改，包括激活jQuery、关闭一些函数，以及反转.test调用的资产和表达式

        else if(expression.test(Assets)){

试试这个-我做了一系列更改，包括激活jQuery、关闭一些函数，以及反转.test调用的资产和表达式

        else if(expression.test(Assets)){

---

未包含jQuery，并且存在多个语法错误

$(document).ready(function () {
    var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
    $("#Assets").change(function () {
        $('#eb').toggle(!expression.test(this.value));
    })
})//missing brackets

---

演示：

未包含jQuery，并且存在多个语法错误

$(document).ready(function () {
    var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
    $("#Assets").change(function () {
        $('#eb').toggle(!expression.test(this.value));
    })
})//missing brackets

---

演示：

未包含jQuery，并且存在多个语法错误

$(document).ready(function () {
    var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
    $("#Assets").change(function () {
        $('#eb').toggle(!expression.test(this.value));
    })
})//missing brackets

---

演示：

未包含jQuery，并且存在多个语法错误

$(document).ready(function () {
    var expression = /[0-9]{4}\s[0-9]{4}\s[0-9]{2}\s[0-9]{10}/;
    $("#Assets").change(function () {
        $('#eb').toggle(!expression.test(this.value));
    })
})//missing brackets

---

---

演示：

您的小提琴中没有任何消息？@nrsharma，我制作了一个新版本。如果我在第一个文本框中插入56f，那么它应该显示错误消息，而不在第二个文本框中输入。可能吗。我知道这是个愚蠢的问题，但我对这个问题很陌生jquery@SanjayRathod，但只有当您单击并应用更改时，它才会显示。否则，您应该像这样使用keyup事件：验证在我的小提琴中完成，但仍然有一个问题。我希望如果用户没有插入任何值，并通过按tab键进入下一个文本框，那么他或她可以看到错误消息。如何做到这一点？你的小提琴中没有任何消息？@nrsharma，我制作了一个新版本。如果我在第一个文本框中插入56f，那么它应该显示错误消息，而不进入第二个文本框。是否可能。我知道这是个愚蠢的问题，但我对这个问题很陌生jquery@SanjayRathod，但只有当您单击并应用更改时，它才会显示。否则，您应该像这样使用keyup事件：验证在我的小提琴中完成，但仍然有一个问题。我希望如果用户没有插入任何值，并通过按tab键进入下一个文本框，那么他或她可以看到错误消息。如何做到这一点？你的小提琴中没有任何消息？@nrsharma，我制作了一个新版本。如果我在第一个文本框中插入56f，那么它应该显示错误消息，而不进入第二个文本框。是否可能。我知道这是个愚蠢的问题，但我对这个问题很陌生jquery@SanjayRathod，但只有当您单击并应用更改时，它才会显示。否则，您应该像这样使用keyup事件：验证在我的小提琴中完成，但仍然有一个问题。我希望如果用户没有插入任何值，并通过按tab键进入下一个文本框，那么他或她可以看到错误消息。如何做到这一点？你的小提琴中没有任何消息？@nrsharma，我制作了一个新版本。如果我在第一个文本框中插入56f，那么它应该显示错误消息，而不进入第二个文本框。是否可能。我知道这是个愚蠢的问题，但我对这个问题很陌生jquery@SanjayRathod，但只有当您单击并应用更改时，它才会显示。否则，您应该像这样使用keyup事件：在我的小提琴中完成验证