jQuery 输入掩码

发布于 2024-12-12 21:40:32 字数 850 浏览 0 评论 0原文

我想让输入框的onBlur事件触发CheckMask()验证函数,看看用户输入的数据是否正确。数据格式为abc 123。如果输入的格式不正确,我想显示一条错误消息。

有人可以帮我修改这段代码吗?我没有得到正确的结果。

function CheckMask() {
    var value = $('.Mask-tttnnn').val();
    if (value.length <= 3) {
        char = value.substring(value.length - 1);
        if (!(isNaN(char))) {
            var newval = value.substring(0, value.length - 1);
            $(Mask - tttnnn).val(newval);
        }
    }
    if (value.length > 3) {
        char = value.substring(value.length - 1);
        if (isNaN(char)) {
            var newval = value.substring(0, value.length - 1);
            $(Mask - tttnnn).val(newval);
        }
    }
} 

HTML:

<input id="checkval" value="" type="text" class="Mask-tttnnn" onBlur="CheckMask()" />

I want the onBlur event of the input box to trigger the CheckMask() validation function to see whether the data entered by the user is correct or not. The data format is abc 123. If the input isn't in the correct format, I want to display an error message.

Can someone help me modify this code? I'm not getting the correct result.

function CheckMask() {
    var value = $('.Mask-tttnnn').val();
    if (value.length <= 3) {
        char = value.substring(value.length - 1);
        if (!(isNaN(char))) {
            var newval = value.substring(0, value.length - 1);
            $(Mask - tttnnn).val(newval);
        }
    }
    if (value.length > 3) {
        char = value.substring(value.length - 1);
        if (isNaN(char)) {
            var newval = value.substring(0, value.length - 1);
            $(Mask - tttnnn).val(newval);
        }
    }
} 

HTML:

<input id="checkval" value="" type="text" class="Mask-tttnnn" onBlur="CheckMask()" />

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

此岸叶落 2024-12-19 21:40:32

第 1 步:从 HTML 中删除 onBlur。将代码和标记分开。

第 2 步:构造您想要验证的正则表达式。请参阅 http://www.regular-expressions.info/javascript.html

[A-Z]{3}[0-9]{3}

步骤 3:使用 jQuery 将函数附加到输入的模糊事件

$('checkval').blur(function () {
    // check $(this).val() against the regex
    // alert if it fails or whatever you want to do
});

Step 1: remove the onBlur from your HTML. Keep code and mark-up separate.

Step 2: construct a regular expression you would like to validate. See http://www.regular-expressions.info/javascript.html

[A-Z]{3}[0-9]{3}

Step 3: attach a function to the blur event of your input using jQuery

$('checkval').blur(function () {
    // check $(this).val() against the regex
    // alert if it fails or whatever you want to do
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文