Question

我有一个函数可以检查带有正则表达式字符串的输入框的最大值。 3个字和2个空格。

    $('input.words_input__input_field').on("keyup", function(e) {
     if (e.keyCode == 13) {
         send_message();
     }
    var re = /^((([\'\-\+\s]\s*[a-zA-Z])?[a-zA-Z]*)){3}$/g;
    var str = $('input.words_input__input_field').val();
    var m;
    while ((m = re.exec(str)) !== null) {
        if (m.index === re.lastIndex) {
            re.lastIndex++;
        }
        send_text = str;
        // View your result using the m-variable.
        // eg m[0] etc.
    }
    console.log(m);
    });

当正则表达式应用于输入值时，不再编辑send_text。但我想阻止用户再输入输入框。

是否有任何方法可以为输入创建一个块，以便用户输入的内容不会超过＆＃34;允许＆＃34;正则表达式？

编辑：我对这个正则表达式有一些问题，所以它工作得太完美了它应该只能阻止用户在输入字段中输入三个单词和两个空格后输入。我有这样的代码：

var test = /^((([\'\-\+\s]\s*[a-zA-Z])?[a-zA-Z]*)){3}$/g;
if (test.test($(this).val())) {
    $(".input").val($(".input").val().replace(/\s/g, ""));
}

但它＆＃34;杀死＆＃34;所有的空白。我只想删除最后的空格。有什么想法吗？

Answer 1

使用

将输入设置为禁用

$('input.words_input__input_field').prop('disabled', true);

或者将.val()存储在变量或数据对象中，只要它有效并且如果不再满足正则表达式则从那里重新生成它。

修改

下面的代码会让用户输入3个单词，以逗号分隔。如果添加了违反正则表达式的任何内容，则输入将重置为最后一个值。

var p; var f; $(".inp").on('keyup',function(e){ var k = e.which; var i = $(".inp").val(); if(k != 8 && k != 46){ // allow backspace and delete if(i.search(/^[A-Za-z]+ [A-Za-z]+ [A-Za-z]+$/) >= 0){ f = true; p = i; } else{ if(f){ $(".inp").val(p); } } } }); <input type="text" class="inp">

Fiddle

使用正则表达式阻止用户输入

1 个答案: