javascript - 如何借助jquery显示消息？

Question

我正在尝试使用 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 />

这是我的 jquery 代码

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

我想在用户写入帐户号时显示一条消息，然后他可以看到“请输入有效帐户号”的消息，如果他插入正确，则可以隐藏该消息。

这是我的 jsfiddle - http://jsfiddle.net/BzdfN/5/ 请帮忙

Answer 1

试试这个代码:

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

这是对更简单代码的建议。注意我使用了 match()如果你想使用 test() ，它将正则表达式作为参数您应该使用值/字符串作为参数并使用 expression.test(Assets)。

Fiddle

关于你的代码/ fiddle :

• 您错过了将 jQuery 库添加到 fiddle 中
• 您错过了)关闭change()函数
• 您错过了})关闭ready()函数
• 您使用了 test() 的顺序错误，请检查我上面关于 match() 和 test() 的文字
• 您的修正:Fiddle