使用javascript验证输入的字符数量,文本长度和小数位数

时间:2012-09-17 18:14:49

标签: javascript asp.net validation

我正在使用javascript来验证来自ASPxGridView控件(DevExpress组件)内部的文本框的输入。

我正在使用此javascript代码验证它(通过OnKeyPress事件):

function CheckKey(s, e) {
    var key = ASPxClientUtils.GetKeyCode(e.htmlEvent);
    var char = String.fromCharCode(key);
    if (e.htmlEvent.shiftKey) {
        if (!IsAvailableChar(char))
            ASPxClientUtils.PreventEvent(e.htmlEvent);
    } else
        if (!(IsAvailableChar(char) || IsAvailableKey(key))) ASPxClientUtils.PreventEvent(e.htmlEvent);

    return;
}

function IsAvailableChar(char) {
    var AvailableChars = "0123456789,";
    return AvailableChars.indexOf(char) != -1;
}

function IsAvailableKey(key) {

    switch (key) {
        case 46: //delete
            return true;
            break;
        case 37: //left arrow
            return true;
            break;
        case 39: //right arrow
            return true;
            break;
        case 16: //shift
            return true;
            break;
        case 188: //comma
            return true;
            break;
        default:
            return false;
            break;
    }

我用它来“阻止”一些字符,它工作正常。 但现在我想做一些更复杂的事情:我不希望用户在文本框中输入多个逗号。

比这更复杂一点:这个文本框的最大长度是6.我希望它只允许两个小数位,小数点前最多三个数。 例如: 我希望它允许这些字符串:“123,12”,“45,32”,“7,65”,“9,6”,“85,32”,“94,1”,“310,2”。 我不希望它允许这些字符串:“1,123”,“125,789”,“1234,2”

关于我如何做到这一点的任何想法?

谢谢!

修改

我试图使用你告诉我的两个正则表达式:

function CheckKey(s, e) {
    var key = ASPxClientUtils.GetKeyCode(e.htmlEvent);
    var char = String.fromCharCode(key);

    var text = document.getElementsByName(s.uniqueID)[0].value + char;

    var regEx = new RegExp("/^\d{0,3}(,\d{0,2})?$/");

    if(regEx.test(text))
        return;
    else
        ASPxClientUtils.PreventEvent(e.htmlEvent);

    return;
}

但是,regEx.test(text)总是返回false,即使输入与正则表达式匹配。

另一个编辑:

我在上面的代码中更改了RegExp对象的实例化:

var regEx = new RegExp("/^\d{0,3}(,\d{0,2})?$/");

对此:

var regEx = /^\d{0,3}(,\d{0,2})?$/

现在它有效,谢谢!

2 个答案:

答案 0 :(得分:1)

/^\d{0,3}(,\d{0,2})?$/.test(textbox.value + char);

这将匹配任意数字与多达三个小数点前的位置。可选地,它允许小数和最多2个小数位。也匹配空字符串,以方便使用。因此,这将检查以确保结果框匹配。

regEx的解释:

^

字符串开头

\d{0,3}

0到3位数字(含)

(...)? 

可选组

,\d{0,2}

逗号后跟0到2位数(包括)

$

字符串结束。

答案 1 :(得分:1)

var regex_test = /^[1-9][0-9]{0,2},[0-9][0-9]{0,1}$/;
var string = '766,99';

if(regex_test.test(string)){
    console.log('good');
}