- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我将尝试尽可能清楚地传达这一点。
我需要一个输入框来读取一个整数,例如“12345”并将其转换为货币格式,例如:$123.45。这需要在用户键入时进行。
最佳答案
我创建了一个函数来立即执行此操作(在按下键时),以便在您之后执行此操作(按下键或模糊)时摆脱中间值。它遵循 Canadian format但您可以轻松更改它。
它在 IE < 9 中不起作用
$('.numberOnly').on('keydown', function(e){
if(this.selectionStart || this.selectionStart == 0){
// selectionStart won't work in IE < 9
var key = e.which;
var prevDefault = true;
var thouSep = " "; // your seperator for thousands
var deciSep = ","; // your seperator for decimals
var deciNumber = 2; // how many numbers after the comma
var thouReg = new RegExp(thouSep,"g");
var deciReg = new RegExp(deciSep,"g");
function spaceCaretPos(val, cPos){
/// get the right caret position without the spaces
if(cPos > 0 && val.substring((cPos-1),cPos) == thouSep)
cPos = cPos-1;
if(val.substring(0,cPos).indexOf(thouSep) >= 0){
cPos = cPos - val.substring(0,cPos).match(thouReg).length;
}
return cPos;
}
function spaceFormat(val, pos){
/// add spaces for thousands
if(val.indexOf(deciSep) >= 0){
var comPos = val.indexOf(deciSep);
var int = val.substring(0,comPos);
var dec = val.substring(comPos);
} else{
var int = val;
var dec = "";
}
var ret = [val, pos];
if(int.length > 3){
var newInt = "";
var spaceIndex = int.length;
while(spaceIndex > 3){
spaceIndex = spaceIndex - 3;
newInt = thouSep+int.substring(spaceIndex,spaceIndex+3)+newInt;
if(pos > spaceIndex) pos++;
}
ret = [int.substring(0,spaceIndex) + newInt + dec, pos];
}
return ret;
}
$(this).on('keyup', function(ev){
if(ev.which == 8){
// reformat the thousands after backspace keyup
var value = this.value;
var caretPos = this.selectionStart;
caretPos = spaceCaretPos(value, caretPos);
value = value.replace(thouReg, '');
var newValues = spaceFormat(value, caretPos);
this.value = newValues[0];
this.selectionStart = newValues[1];
this.selectionEnd = newValues[1];
}
});
if((e.ctrlKey && (key == 65 || key == 67 || key == 86 || key == 88 || key == 89 || key == 90)) ||
(e.shiftKey && key == 9)) // You don't want to disable your shortcuts!
prevDefault = false;
if((key < 37 || key > 40) && key != 8 && key != 9 && prevDefault){
e.preventDefault();
if(!e.altKey && !e.shiftKey && !e.ctrlKey){
var value = this.value;
if((key > 95 && key < 106)||(key > 47 && key < 58) ||
(deciNumber > 0 && (key == 110 || key == 188 || key == 190))){
var keys = { // reformat the keyCode
48: 0, 49: 1, 50: 2, 51: 3, 52: 4, 53: 5, 54: 6, 55: 7, 56: 8, 57: 9,
96: 0, 97: 1, 98: 2, 99: 3, 100: 4, 101: 5, 102: 6, 103: 7, 104: 8, 105: 9,
110: deciSep, 188: deciSep, 190: deciSep
};
var caretPos = this.selectionStart;
var caretEnd = this.selectionEnd;
if(caretPos != caretEnd) // remove selected text
value = value.substring(0,caretPos) + value.substring(caretEnd);
caretPos = spaceCaretPos(value, caretPos);
value = value.replace(thouReg, '');
var before = value.substring(0,caretPos);
var after = value.substring(caretPos);
var newPos = caretPos+1;
if(keys[key] == deciSep && value.indexOf(deciSep) >= 0){
if(before.indexOf(deciSep) >= 0){ newPos--; }
before = before.replace(deciReg, '');
after = after.replace(deciReg, '');
}
var newValue = before + keys[key] + after;
if(newValue.substring(0,1) == deciSep){
newValue = "0"+newValue;
newPos++;
}
while(newValue.length > 1 &&
newValue.substring(0,1) == "0" && newValue.substring(1,2) != deciSep){
newValue = newValue.substring(1);
newPos--;
}
if(newValue.indexOf(deciSep) >= 0){
var newLength = newValue.indexOf(deciSep)+deciNumber+1;
if(newValue.length > newLength){
newValue = newValue.substring(0,newLength);
}
}
newValues = spaceFormat(newValue, newPos);
this.value = newValues[0];
this.selectionStart = newValues[1];
this.selectionEnd = newValues[1];
}
}
}
$(this).on('blur', function(e){
if(deciNumber > 0){
var value = this.value;
var noDec = "";
for(var i = 0; i < deciNumber; i++)
noDec += "0";
if(value == "0"+deciSep+noDec)
this.value = ""; //<-- put your default value here
else
if(value.length > 0){
if(value.indexOf(deciSep) >= 0){
var newLength = value.indexOf(deciSep)+deciNumber+1;
if(value.length < newLength){
while(value.length < newLength){ value = value+"0"; }
this.value = value.substring(0,newLength);
}
}
else this.value = value + deciSep + noDec;
}
}
});
}
});
希望对您有所帮助!
关于javascript - 在输入框中输入时将整数转换为货币格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12913950/
有没有办法使用 Clojure format(基于 java.util.Formatter)或 cl-format(基于 Common Lisp 的format) 以编程方式设置空格填充?如果您事先知
我正在尝试创建一个用户实体以及数据/文件(pdf格式)。上传并保存到数据库很好,但是当我让用户进入 postman 时尝试发送获取请求方法,然后在数据字段中显示一些糟糕的数据,而且我无法在数据库中看到
我必须将值为 {"STX","ETX"} 的普通字符串数组转换为十六进制值,并且我应该根据 http://www.asciitable.com/ 得到 {2,3} . 最佳答案 听起来你想要一个 Ma
我想格式化我的代码,但不确定哪种格式类型最适合我的项目需要。 我发现仅对于 dart 和 flutter 项目(我都有),有不止一个选项可用于格式化编程语言/框架中预先构建的代码。 Dart : da
我已经尝试了多个代码,例如这样 Sub DateFixer() Application.ScreenUpdating = False Application.Calculation =
SolrQuery query = new SolrQuery(); query.setQuery("*:*"); query.add("wt","csv"); server.query(query)
我有一个包含多个字符串的数据库,我从查询中获取了这些记录,并且我在 QString 中收到了这种格式的数据: "Mon, 13 Nov 2017 09:48:45 +0000" 所以,我需要根据文化来
我有一个 Delphi 2007 DBGrid,我想让用户以更新的 Excel 格式 (OOXML) 保存它,但我的标准是用户不需要安装 Excel。有没有人知道任何已经这样做的组件?是的,我已经搜索
我正在我们的普通 html 站点旁边创建一个移动站点。使用 rails 3.1。移动站点在子域 m.site.com 中访问。 我已经定义了移动格式(Mime::Type.register_alias
我正在尝试使用 xmlstarlet 格式化 xml 文件,但我不想创建新的 xml 文件。 我试过了 xmlstarlet fo --inplace --indent-tab --omit-decl
我在 A 列中有一个带有文本的电子表格。 例如 A1=MY TEXT1 A2=MY TEXT2 A3=MY TEXT3 A4=MY TEXT4 A5=MY TEXT5 我想在文本的前后添加撇号 结果是
我想做一些源代码转换(自动导入列表清理),我想保留注释和格式。我听说过一些关于解析器这样做的事情,我认为是 ghc 解析器。 看起来我可以通过从文件中提取内容来使用 hs-src-exts Langu
我在 Excel 中工作,我想根据另一张表中的列表找出一张表中是否有匹配项。 我已将值粘贴到列表中,并希望从另一张表中返回它们的相应值。包含字母和数字的单元格可以正常工作(例如:D5765000),但
我有一个 DurationField在我的模型中定义为 day0 = models.DurationField('Duration for Monday', default=datetime.time
我正在为我的应用程序开发 WMI 查询。它需要为给定的 VID/PID 找到分配的虚拟 COM 端口。使用 WMI Code Creator 我发现...... 命名空间:root\CIMV2 类:W
我试图弄清楚如何使用 NSTextList,但除了 this SO question 之外,在网上几乎没有找到有用的信息。和 the comment in this blog . 使用这个我已经能够创
我要查询all_objects表在哪里last_ddl_time='01 jan 2010'但它拒绝日期格式... 任何机构给我查询的确切格式? 最佳答案 正如 AKF 所说,您应该使用 Trunc除
我试图在我的应用程序中实现聊天功能。我使用了 2 个 JEditorPane。一个用于保存聊天记录,另一个用于将聊天发送到前一个 JEditorPane。 JEditorPane 是 text/h
我在大学里修了一个编译器类(class),内容非常丰富,很有趣,尽管也很多工作。既然给了我们要实现的语言规范,所以我学不到的一件事就是语言设计。我现在正在考虑创建一种有趣的简单玩具语言,以便我可以玩耍
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想改善这个问题吗?更新问题,以便将其作为on-topic
我是一名优秀的程序员,十分优秀!