jQuery输入掩码

时间:2011-10-31 15:33:08

标签: jquery-ui jquery jquery-plugins

我希望输入框的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()" />

1 个答案:

答案 0 :(得分:1)

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

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

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

步骤3:使用jQuery

将函数附加到输入的blur事件
$('checkval').blur(function () {
    // check $(this).val() against the regex
    // alert if it fails or whatever you want to do
});