1

我正在尝试检查该字段以确定它是否是一个数字（除了 . 之外没有非数字字符）。如果字段的值为数字，则将其转换为两位十进制格式。目前该代码在 FireFox 和 Chrome 中运行，但我在使用 Internet Explorer 时遇到问题（多个版本，专门在 IE8 和 IE9 上测试）。我已经搞砸了几个小时，但无法找到问题的解决方案。在 Internet Explorer 中，只有第一个字段可以正常工作。其他字段无法正常工作并且 Internet Explorer 不会触发错误。

这是html文件中的相关代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>
  <script type="text/javascript" src="amount.js"></script>
 </head>

 <body>
  <input type="text" id="amount1" onChange="changeAmount(this.id);"/>
  <input type="text" id="amount2" onChange="changeAmount(this.id);"/>
  <input type="text" id="amount3" onChange="changeAmount(this.id);"/>
  <input type="text" id="amount4" onChange="changeAmount(this.id);"/>
  <input type="text" id="amount5" onChange="changeAmount(this.id);"/>
 </body>
</html>

这是来自 amount.js 的相关代码：

function changeAmount(input)
{
   var pattern = /([^0-9\.])+/;
   var ctl = document.getElementById(input);
   var myvalue = ctl.value;

   if(myvalue != "" && !pattern.test(myvalue))
   {
     myvalue = parseFloat(myvalue);
     myvalue = myvalue.toFixed(2);
     if(!pattern.test(myvalue))
     {
        ctl.value = myvalue;
     }else
     {
        ctl.value = '';
     }
   }
}

我将在这里浏览更多线程，看看是否找不到解决方案。

感谢您提前提供任何帮助。

4

1 回答 1

0

使用此 HTML：

<input type="text" id="amount1" onChange="changeAmount(this);"/>
<input type="text" id="amount2" onChange="changeAmount(this);"/>
<input type="text" id="amount3" onChange="changeAmount(this);"/>
<input type="text" id="amount4" onChange="changeAmount(this);"/>
<input type="text" id="amount5" onChange="changeAmount(this);"/>

尝试使用这个 Javascript：

function changeAmount(input) {
    var myvalue = input.value;
    myvalue = parseFloat(myvalue);
    if (!isNaN(myvalue)) {
        input.value = myvalue.toFixed(2);
    } else {
        input.value = "";
    }
}

演示：http: //jsfiddle.net/7rDeg/4/

它使用我推荐的传递更改this而不是this.value函数。

此外，不需要正则表达式。只需尝试使用 解析值parseFloat。如果成功，则将数字固定为 2 位小数并重新设置输入值。否则，清除文本框。

更新：

虽然这一切都可以正常工作，但我建议不要使用内联事件处理程序。因此，例如，使用以下 HTML 是理想的：

<input type="text" id="amount1" />
<input type="text" id="amount2" />
<input type="text" id="amount3" />
<input type="text" id="amount4" />
<input type="text" id="amount5" />

使用这个 Javascript：

function changeAmount() {
    var myvalue = this.value;
    myvalue = parseFloat(myvalue);
    if (!isNaN(myvalue)) {
        this.value = myvalue.toFixed(2);
    } else {
        this.value = "";
    }
}

function addEvent(element, eventName, callback) {
    if (element.addEventListener) {
        element.addEventListener(eventName, callback, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + eventName, callback);
    } else {
        element["on" + eventName] = callback;
    }
}

window.onload = function () {
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].type === "text") {
            addEvent(inputs[i], "change", changeAmount);
        }
    }
};

演示：http: //jsfiddle.net/7rDeg/6/

注意：使用parseFloat，它将删除任何尾随的非数字字符。例如，输入“234.35234a”将被解析为“234.35234”（因此通过!isNaN(myvalue)条件）并固定为“234.35”。如果您不希望发生这种情况，请使用：

myvalue = +myvalue;

而不是parseFloat线。

于 2013-04-17T19:56:16.630 回答