Javascript货币正则表达式替换

对于我的商业Web应用程序，我希望用户只能在文本框中输入有效货币值。Javascript货币正则表达式替换

目前我使用

$input.val($input.val().replace(/[^.\d]/g, ''));

但这并不考虑顺序或多个小数点分隔符服用。

因此，用户要么必须输入完整的整数或一个有效的十进制值，例如：

49.50

奖励分，如果这是允许过：

.50（对于0.50）

所以我不想验证，我想限制打字到文本框中。这是可能的一个单一的正则表达式替换？

来源

2015-08-13 Basaa

http://igorescobar.github.io/jQuery-Mask-Plugin/ – sinisake

我不希望使用任何屏蔽插件此。是的，我需要Safari支持。 – Basaa

将用户输入的内容混淆起来会更不友好，让用户知道该字段的值是否不符合验证要求。用户可能会犯错误，但他们不是无脑或无法正确输入货币值。 – RobG

我们可以分两步来做到这一点。限制用户仅输入数字字符和.字符。

var charCode = (evt.which) ? evt.which : event.keyCode 
if (charCode < 31 && (charCode > 48 || charCode < 57)) 
    return true; 
return false;

和下一个是允许.：

var charCode = (evt.which) ? evt.which : event.keyCode 
if (charCode == 46 && (charCode > 31 && (charCode < 48 || charCode > 57))) 
    return true; 
return false;

下一步将不允许双句点。

var charCode = (evt.which) ? evt.which : event.keyCode 
if (charCode == 46 && (charCode > 31 && (charCode < 48 || charCode > 57))) 
    if (charCode == 46 && value.indexOf(".") !== false) 
     return true; 
return false;

希望你能以此为出发点。

片段

开放新政：如果你可以打破它。

function check(inp) { 
 
    var charCode = (event.which) ? event.which : event.keyCode; 
 
    console.log(charCode); 
 
    if (charCode == 8) 
 
    return true; 
 
    if ((charCode > 46 && charCode < 58) || (charCode > 95 && charCode < 106) || charCode == 110 || charCode == 190) 
 
    if (charCode == 110 || charCode == 190) 
 
     if (inp.value.indexOf(".") == -1) 
 
     return true; 
 
     else 
 
     return false; 
 
    else 
 
     return true; 
 
    return false; 
 
}

<input type="text" onkeydown="return check(this);" />

来源

2015-08-13 22:57:43

最好查看输入的实际字符而不是字符代码。无需按任何键即可输入数值。 – RobG

是的。但我们可以禁用粘贴。 @RobG –

你为什么要禁用粘贴？ –

它更人性告知错误的，并让用户解决他们自己。您可能会考虑使用keyup事件，但在用户有机会输入有效值之前提早显示错误也可能会令人讨厌。例如

function validate(el) { 
 
    var type = el.className; 
 
    var errEl = document.getElementById(el.name + 'Err'); 
 
    if (type == 'typeCurrency') { 
 
    var currencyRe = /^-?(\d+(\.\d{1,2})?|\.\d{1,2})$/; 
 
    errEl.style.visibility = currencyRe.test(el.value)? 'hidden' : 'visible'; 
 
    } 
 
}

.errorMessage { 
 
    color: red; 
 
    background-color: white; 
 
    visibility: hidden; 
 
    }

Cost&nbsp;<input onblur="validate(this)" name="foo" class="typeCurrency" placeholder="0.00"><br> 
 
<span id="fooErr" class="errorMessage">Please enter a valid cost, e.g. 2.45</span>

来源

2015-08-13 23:38:57 RobG

Javascript货币正则表达式替换

回答

相关问题