如何获取<input />的值

时间:2014-06-07 04:02:12

标签: javascript html google-chrome

如何获取类型为<input>的{​​{1}}代码的值?这听起来像一个荒谬的问题,但在最近的 1 Chrome更新中,如果在字段中输入了无效字符,则以下代码不起作用:

number

enter image description here
演示:http://jsfiddle.net/DerekL/zT4bf/

现在这令人沮丧。我正在使用这段代码禁止无效字符:

element.value     //does not work as expected, will return ""

但是,如果输入无效字符,它现在返回$("element").on("input", function(){ this.value = this.value.replace(/[^0-9]/g, ""); }); ,整个字段将被清空。之前没有发生此行为,仅在最近的Chrome更新中。这在Firefox中运行良好(虽然我不需要在Firefox中使用它。)

有没有办法获得""的确切值?感谢。

1 :36.0.1985.49 beta-m

1 个答案:

答案 0 :(得分:-1)

我想要获得的是用户输入的确切字符串。

因此,用户最好的事情是input[type=text],因为当您使用类型编号时,显然会导致问题。

就增量功能而言,我不认为它在技术上适用于您的问题,因为即使用户键入 1 + 并尝试增加,+也会被删除由数字字段自动。除了数字字段中的数字之外,添加任何其他字符也没有任何意义。

如果要验证提交的字符,请使用pattern属性,您可以在其中自定义验证模式。