0

我有一个输入字段和一个带有正则表达式的代码，使它只能输入数字

$('input').keyup(function () { 
    this.value = this.value.replace(/[^0-9]/g,'');
});

但是当有人试图在字段中间编辑一个符号时，光标会放在它的末尾。它使编辑变得困难，因为您必须删除要编辑的符号之后的所有符号。

一个简单的演示：

http://jsfiddle.net/NehmP/

有人可以帮我解决吗？

4

4 回答 4

4

仅当新字符串与旧字符串不同时才应替换：

$('input').keyup(function () { 
   var v = this.value.replace(/[^0-9]/g,'');
   if (v!=this.value) this.value = v;
});

这样只要值有效，光标就不会放在末尾。

示范

于 2013-04-22T13:28:37.413 回答
0

您应该尝试某种类型的输入屏蔽插件，例如maskedInput。

$("input").mask("9999"); // People will only be able to type numbers of 4 chars long!
$("input").mask("9?999"); // People will only be able to type numbers from 1 to 4 chars long!

在此处查看更多示例。

于 2013-04-22T13:37:47.687 回答
0

使用此代码，即使值无效，光标也不会放在单词的末尾。这是dystroy的解决方案和我在互联网上找到的代码的组合。我认为它仍然有很多缺陷并且太长但也许它仍然可以帮助某人......非常感谢你们:)

function doGetCaretPosition (ctrl) {    
    var CaretPos = 0;
// IE Support
    if (document.selection) {   
        ctrl.focus ();
        var Sel = document.selection.createRange ();    
        Sel.moveStart ('character', -ctrl.value.length);    
        CaretPos = Sel.text.length;
    }
// Firefox support
    else if (ctrl.selectionStart || ctrl.selectionStart == '0'){
        CaretPos = ctrl.selectionStart;
    }
    return (CaretPos);  
}
function setCaretPosition(ctrl, pos){   
    if(ctrl.setSelectionRange){
        ctrl.focus();
        ctrl.setSelectionRange(pos,pos);
    }else if (ctrl.createTextRange) {
        var range = ctrl.createTextRange();
        range.collapse(true);
        range.moveEnd('character', pos);
        range.moveStart('character', pos);
        range.select();
    }
}
var remember;
$('input').keyup(function () { 
    remember = doGetCaretPosition(this);
    var v = this.value.replace(/[^0-9]/g,'');
    if (v!=this.value) {
        this.value = v; 
        setCaretPosition(this,remember - 1)
    };      
})

和jsfiddle

于 2013-06-03T11:30:34.920 回答
-2

你不应该从别人的脚下拉地毯。您正在尝试做的事情超出了javascript的范围，应该由浏览器/操作系统处理。

如果您向某人展示一个文本字段，他们希望能够在其中输入任何内容（例如在手机上的某些情况下，可以定义特定键盘的情况除外）。

这是一种更好的方法，可以通过上下文相关的消息简单地通知用户错误的输入，并允许他们以他们熟悉的方式自行更正。

如果试图干扰输入法本身，很可能会造成混乱和挫败感。此外，在一系列设备上进行测试会产生数不清的怪癖。

此外，验证应该在服务器上执行，因为可以操纵客户端验证。

客户端的验证应该只是为了方便用户。

于 2013-04-22T13:32:57.017 回答