【发布时间】:2019-11-11 00:23:29
【问题描述】:
我有几个方法看起来很相似,并且似乎是重构的好选择:
// if there is already a decimal in the value and user presses period on keyboard (190) or decimal on keypad (110) then prevent entry of that period or decimal
function oneDecimalPointOnly(e) {
var v = $(this).val();
if (v.indexOf('.') > -1 && $.inArray(e.keyCode, [190, 110]) > -1) {
e.preventDefault();
}
}
// if there is already a negative sign in the value and user presses minus on keyboard (189) or subtract on keypad (109) then prevent entry of that minus or subtract
function oneNegativeSignOnly(e) {
var v = $(this).val();
if (v.indexOf('-') > -1 && $.inArray(e.keyCode, [189, 109]) > -1) {
e.preventDefault();
}
}
它们的约束如下:
$(':text').on('keydown', oneDecimalPointOnly);
$(':text').on('keydown', oneNegativeSignOnly);
正如所写,他们正确地完成了任务,防止在文本框中输入多个小数或负数。
对于重构,这是我尝试过的:
function oneDecimalPointOnly(e) {
limitCharacterToOne(e, '.', [190, 110]);
}
function oneNegativeSignOnly(e) {
limitCharacterToOne(e, '-', [189, 109]);
}
// if character is already in the value and user presses a key in the keyCodes array then prevent entry of that character
function limitCharacterToOne(e, character, keyCodes) {
var v = $(this).val();
if (v.indexOf(character) > -1 && $.inArray(e.keyCode, keyCodes) > -1) {
e.preventDefault();
}
}
并且重构版本不会阻止在文本框中输入多个小数或负数。
重构版本需要进行哪些修改以防止输入多个小数或负数?
【问题讨论】:
-
您似乎在错误的上下文中使用了“this”。它不是指“输入字段”,因此请尝试“var v = $(e.target).val()”或使用实际标识符例如:$("#inputName")
-
我刚刚发现在 Firefox 中 keyCode 173 需要添加到
oneNegativeSignOnly的数组中。见stackoverflow.com/questions/1898129/javascript-subtract-keycode。
标签: jquery